Answers:
卢瑟福在阅读原始评论时,正在寻找一种跨浏览器的方式来包装完整文本(由他对IE的自动换行使用,旨在破坏完整字符串的推断)。
/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
.wordwrap {
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap; /* Opera <7 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
}
我现在已经使用了这一堂课,并且像一个咒语。(注意:我仅在FireFox和IE中进行过测试)
word-wrap: break-word
这实际上是有效的。
Word-wrap: break-word
尽管现在由Microsoft创建,但它现在已经成为CSS 3标准的一部分,这将
Aaron Bennet的解决方案对我来说是完美的,但是我不得不从他的代码中删除此行-> white-space: -pre-wrap;
因为它给出了错误,所以最终的工作代码如下:
.wordwrap {
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
}
非常感谢你
大卫提到,资料核实办默认情况下换行。
如果您指的是很长的文本字符串,没有空格,那么我要在服务器端处理字符串并插入空的跨度:
thisIsAreallyLongStringThatIWantTo<span></span>BreakToFitInsideAGivenSpace
这不是确切的,因为字体大小等存在问题。如果容器的大小可变,则span选项有效。如果是固定宽度的容器,则可以继续并插入换行符。
您可以尝试指定div的宽度,无论是以像素,百分比还是ems为单位,届时div都将保持该宽度,并且文本将自动在div内换行。