在 CSS 中环绕长文本

php javascript jquery css

2022-08-30 18:49:48

我有像这样的文字

<div style="float:left; width: 250px"> PellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesque  feugiat tempor elit. 
Ut mollis lacinia quam. Sed pharetra, augue aliquam   ornare vestibulum, metus massalaoreet tellus, eget iaculis lacus ipsum et diam. </div>

我不想要水平滚动。是否可以自动换行文本（自动换行符）。我知道有一些IE特定的属性。

感谢您抽出宝贵时间接受采访。

更新：我也可以使用jQuery，Javascript，PHP来做到这一点。但是如何做到呢？我的意思是字母（字体）不是固定的宽度或任何你称之为的东西。

答案 1

我使用组合

word-wrap: break-word;
overflow: hidden;

来处理这个问题。该设置将允许将单词换行，尽管它在支持该属性的浏览器中的长度，而该设置将导致它在无法识别的浏览器中的可用空间末尾被切断。这与你不去javascript可能会得到的退化一样优雅。word-wrapoverflowword-wrap

答案 2

据 http://www.w3.org/TR/css3-text/#word-break0

word-break: break-all;

...与自动换行（现在已重命名为）不同，因为即使小单词在行尾也可能被破坏。但它有效。overflow-wrap

在极少数情况下，可能会给您带来更好的结果，但前提是您的长单词包含在浏览器使用的字典中。hyphen: auto;