首頁 >web前端 >css教學 >如何在沒有空格的情況下將文字換行到 中?

如何在沒有空格的情況下將文字換行到 中?

Patricia Arquette
Patricia Arquette原創
2024-11-09 00:44:01661瀏覽

How to Wrap Text in a <td> 沒有空格? 
沒有空格? " />

在 中不帶空格地換行文字

要在不帶任何空格的

中啟用文字換行,請使用以下方法可以利用:
.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap;          /* Chrome &amp; Safari */ 
    white-space: -pre-wrap;                 /* Opera 4-6 */
    white-space: -o-pre-wrap;               /* Opera 7 */
    white-space: pre-wrap;                  /* CSS3 */
    word-wrap: break-word;                  /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

要實現此目的,可以使用以下HTML 結構:

<table>

在此範例中,使用固定佈局建立400 像素寬的表格。 > 元素被分配了“wrapword”類,該類應用CSS 樣式來啟用文本換行。 Firefox 5.0、Internet Explorer 8.0 和Chrome 10 上進行了測試。

以上是如何在沒有空格的情況下將文字換行到 中?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn