如何用CSS实现句点后换行？PrimeFaces验证消息换行需求

针对你遇到的PrimeFaces validatorMessage输出的错误消息无法换行的问题，这里提供两种可行的CSS解决方案：

方案一：利用换行符生效（推荐） #

如果后台可以在设置验证消息时加入换行符\n，给目标span添加以下CSS即可让每个句子自动换行：

/* 替换成你实际的span选择器，比如PrimeFaces默认的.ui-messages-error-detail span */
.validator-message {
  display: block;
  white-space: pre-line;
}

• display: block：将行内的span转为块级元素，确保换行后内容占据整行
• white-space: pre-line：保留文本中的换行符并转换为实际换行，同时自动折叠多余空格

方案二：强制按容器宽度自动换行 #

如果无法在消息中加入换行符，仅需让长文本根据容器宽度自动换行，可使用以下CSS：

.validator-message {
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
  white-space: normal;
}

• inline-block + width: 100%：让span适应容器宽度
• word-wrap: break-word：确保长单词或文本能在容器边缘自动换行

内容的提问来源于stack exchange，提问作者CodingIntern