CSS换行

Question

给出一个块容器

<div>
 this is a very long string which contains a bunch of characters that I want to break at container edges.
</div>

是否有任何css属性,我可以设置为强制它在到达容器宽度时中断,无论字符串的内容如何,​​例如:

this is a ve
ry long stri
ng which ...

几乎是我想要的.现在,似乎总是喜欢打破空白字符或其他特殊字符(例如/).

Answer 1

有一个名为CSS3的属性word-break,将来可能对你有用.

有关更多信息,请访问:http://www.css3.com/css-word-break/

该break-all值看起来像你要求的东西:

在内容包含大多数亚洲字符集内容的情况下很有用,此值的行为类似于"正常".非亚洲字符集内容可以跨行任意划分.

至于更多支持的CSS版本,我不相信你有办法做到这一点.

Answer 2

尝试这个

<style type="text/css">
div {
white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
white-space: -pre-wrap; /* Opera 4 - 6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word; /* IE 5.5+ */
}
</style>

<div style="width:200px">
adsjflk;asjfl;kasdjfl;kasdjfl;kasdjf;lkasdjf;lkasdjf;lkasjdf;lkajsd;lkadfjs;l
</div>