DIV中文字換行顯示

zxhaaa 發(fā)布于2019-04-23 11:58 / 823人閱讀

摘要：居然第一次遇到這種問題，還想了半天到底是怎么回事，為什么明明設(shè)置寬度了，里面的文字超過寬度后居然不換行。屬性，可以讓瀏覽器實現(xiàn)在任意位置換行。只在允許的斷字點換行瀏覽器保持默認(rèn)處理在長單詞或地址內(nèi)部進(jìn)行換行，效果如下

居然第一次遇到這種問題，還想了半天到底是怎么回事，為什么明明div設(shè)置寬度了，里面的文字超過寬度后居然不換行。

（1）word-break屬性，可以讓瀏覽器實現(xiàn)在任意位置換行。

　　　　normal：使用瀏覽器默認(rèn)的換行規(guī)則

　　　　break-all：允許在單詞內(nèi)換行，效果如下：

　　　　keep-all：只能在半角空格或連字符處換行

（2）word-wrap屬性，允許長單詞或URL地址換行到下一行。

　　　　normal：只在允許的斷字點換行（瀏覽器保持默認(rèn)處理）

　　　　break-word：在長單詞或 URL 地址內(nèi)部進(jìn)行換行，效果如下：

GPU云服務(wù)器云服務(wù)器文字換行文字不換行 html文字回車換行 html文字向上換行

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/1429.html

相關(guān)文章

由一個項目需求引發(fā)的 - textarea中的換行和空格

摘要：顯示的時候，從后臺獲取到文本之后，去掉文中的所有空格，然后顯示在標(biāo)簽里面。這里我用一個小例子來示意一下在各種情況下的保存和顯示。首先嘗試，去掉所有的空格，首先想到的就是方法。當(dāng)我們使用 textarea 在前臺編輯文字，并用 js 提交到后臺的時候，空格和換行是我們最需要考慮的問題。在textarea 里面，空格和換行會被保存為/s和/n，如果我們前臺輸入和前臺顯示的文字都是在 te...

TNFE 2019-08-23 10:44 評論0 收藏0
由一個項目需求引發(fā)的 - textarea中的換行和空格

摘要：顯示的時候，從后臺獲取到文本之后，去掉文中的所有空格，然后顯示在標(biāo)簽里面。這里我用一個小例子來示意一下在各種情況下的保存和顯示。首先嘗試，去掉所有的空格，首先想到的就是方法。當(dāng)我們使用 textarea 在前臺編輯文字，并用 js 提交到后臺的時候，空格和換行是我們最需要考慮的問題。在textarea 里面，空格和換行會被保存為/s和/n，如果我們前臺輸入和前臺顯示的文字都是在 te...

Cheriselalala 2019-08-02 11:09 評論0 收藏0
一個后端開發(fā)者的前端語言基礎(chǔ)：HTML5 & CSS

摘要：每個標(biāo)簽可有一個獨立的號。該標(biāo)簽是一個內(nèi)聯(lián)元素，與塊級元素相反，內(nèi)聯(lián)元素不會自動在前后自動放置換行符，因此內(nèi)聯(lián)元素會默認(rèn)在同一行顯示。前端語言基礎(chǔ)：HTML5 & CSS (一) HTML5：超文本標(biāo)記語言 (1) 基本概念是由一系列成對出現(xiàn)的元素標(biāo)簽（標(biāo)記）嵌套組合而成 ( XML也是標(biāo)簽構(gòu)成的 ) 這些標(biāo)簽以的形式出現(xiàn)，用于標(biāo)記文本內(nèi)容的含義瀏覽器通過元素標(biāo)簽解析文本內(nèi)容并...

ACb0y 2019-08-19 10:27 評論0 收藏0
一個后端開發(fā)者的前端語言基礎(chǔ)：HTML5 & CSS

摘要：每個標(biāo)簽可有一個獨立的號。該標(biāo)簽是一個內(nèi)聯(lián)元素，與塊級元素相反，內(nèi)聯(lián)元素不會自動在前后自動放置換行符，因此內(nèi)聯(lián)元素會默認(rèn)在同一行顯示。前端語言基礎(chǔ)：HTML5 & CSS (一) HTML5：超文本標(biāo)記語言 (1) 基本概念是由一系列成對出現(xiàn)的元素標(biāo)簽（標(biāo)記）嵌套組合而成 ( XML也是標(biāo)簽構(gòu)成的 ) 這些標(biāo)簽以的形式出現(xiàn)，用于標(biāo)記文本內(nèi)容的含義瀏覽器通過元素標(biāo)簽解析文本內(nèi)容并...

DevWiki 2019-08-30 15:44 評論0 收藏0
一個后端開發(fā)者的前端語言基礎(chǔ)：HTML5 & CSS

摘要：每個標(biāo)簽可有一個獨立的號。該標(biāo)簽是一個內(nèi)聯(lián)元素，與塊級元素相反，內(nèi)聯(lián)元素不會自動在前后自動放置換行符，因此內(nèi)聯(lián)元素會默認(rèn)在同一行顯示。前端語言基礎(chǔ)：HTML5 & CSS (一) HTML5：超文本標(biāo)記語言 (1) 基本概念是由一系列成對出現(xiàn)的元素標(biāo)簽(標(biāo)記)嵌套組合而成 ( XML也是標(biāo)簽構(gòu)成的 )這些標(biāo)簽以<標(biāo)簽名稱>的形式出現(xiàn)，用于標(biāo)記文本內(nèi)容的含義瀏覽器通過元素標(biāo)...

superPershing 2019-08-30 15:56 評論0 收藏0