HTML - 自动换行的问题

时间:2010-06-03 08:45:12

标签: html css word-wrap

我在div中有一些文本,我希望它包装以适合文档宽度(没有任何滚动!)。我不想让单词分词,比如div {word-wrap:break-word;}

例如(这是我想要的):

hello world! today is a 
good day.

但不是:

hello world! today is a  good day.

或:

hello world! today is a go
od day.

2 个答案:

答案 0 :(得分:0)

我不确定你想要什么,是不是就这样?

<div style="width:200px">hello world! today is a good day.</div>

答案 1 :(得分:0)

也许<wbr>标记可以帮助您。 此标记允许浏览器在其所在的位置插入换行符, “如果浏览器需要”。

This是一个记录IEbreak行为的页面,你可以把它作为一个模型来做一些调试。

如果您想在您的html here you can se an example from John Resig中启动jQuery脚本注入<wbr>

您可以阅读有关它的完整参考here

A similar topic was discussed on SO here