在逗号,圆点,连字符或其他特殊字符上打破长 - 空 - 行

时间:2012-04-29 15:41:48

标签: css css3

我正在尝试在小屏幕(手机)上显示各种文字 文本是合理的,但碰巧有一行长字/公式/字符串,不适合

可能有 单词中断:break-all; ,但是它会断开线条任意,我需要一个中间解决方案,如下所示:

http://jsfiddle.net/Jsa5t/

3 个答案:

答案 0 :(得分:8)

插入<wbr>标记以指定允许的直接换行机会。

理论上更正确的方法是插入零宽度空格字符U + 200B(&#x200b;),但它在某些旧浏览器上失败。

关于在HTML中阻止和允许换行的论文: http://www.cs.tut.fi/~jkorpela/html/nobr.html

答案 1 :(得分:0)

不确定你的要求但你可以使用

word-wrap:break-word

答案 2 :(得分:0)

如果可以换行 当有点号(。)文本时,请在CSS文件中尝试以下代码:

.your_class{
white-space: pre-line !important;
}
相关问题