css 文字強制換行、強制不換行 | css word break, word wrap

強制不換行
div{
white-space:nowrap;
}
自動換行(依英文單字斷行)
div{
word-wrap:break-word;
word-break:normal;
}
強制英文單字斷行
div{
word-break:break-all;
}

pre物件

pre {
width:640px;/* 下面沒效的話可以再設定寬度 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

Leave a Reply