好的,这真让我感到困惑.我在div中有一些内容,如下所示:
<div style="background-color: green; width: 200px; height: 300px;">
Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.
</div>
Run Code Online (Sandbox Code Playgroud)
但是,内容溢出了DIV(如预期的那样),因为'word'太长了.
如何强制浏览器在必要时"破坏"单词以适应所有内容?
<td>gdfggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</td>
Run Code Online (Sandbox Code Playgroud)
如何将这样的文本包装在CSS中?
我有这个HTML
div#permalink_section {
width: 960px
}Run Code Online (Sandbox Code Playgroud)
目前,这个CSS
<div id='permalink_section'>
<a href="here goes a very long link">here goes a very very long link</a>
</div>Run Code Online (Sandbox Code Playgroud)
链接文本可能很长,当它的长度超过div宽度时它会溢出div.当宽度超过div宽度时,有没有办法强制链接断开并继续下一行?
可能重复:
CSS:如何在<td>中包装没有空格的文本?
我有一行长达数百个字符的文本,我需要在页面上显示.
由于该行是连续的,没有空格,因此浏览器不会包装文本.我的目标是根据浏览器窗口的大小进行文本换行.
谁知道如何使用CSS做到这一点?
示例代码:
<html>
<body>
<table> <tr><td>
mffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</td> </tr></table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) <div id="id_div_comments"><p>body4qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq</p></div><br/><br/>
</div>
Run Code Online (Sandbox Code Playgroud)
css文件:
div#id_div_comments {
width: 400px;
}
Run Code Online (Sandbox Code Playgroud)
但是字符串/文本超出了分割宽度.当达到分区的宽度时,我该怎么做才能打破文本?