中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么實現網頁中的文字設置自動換行

發布時間:2020-07-14 11:19:26 來源:億速云 閱讀:912 作者:Leah 欄目:web開發

怎么實現網頁中的文字設置自動換行?針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

在網頁中,又是會用于顯示一段文字,但預先并不知道,文字的長度及內容,此時,我們大多采用填充div或pre的方式來顯示文字。

使用div元素時,確定了寬度加上以下兩個屬性,即可保證填充在div中的文字自動換行。

word-wrap: break-word;   //word-wrap 屬性允許長單詞或 URL 地址換行到下一行。//break-word在長單詞或 URL 地址內部進行換行。word-break: break-all;//word-break 屬性規定自動換行的處理方法。

使用pre元素時,類似的,也加上以下兩個屬性,其內文字即可自動換行。

white-space: pre-wrap;    //pre-wrap保留空白符序列,但是正常地進行換行。word-break: break-all;
word-wrap: break-word;

div我們大家都熟悉,可以填充文字或其它元素,但文字放在div中時,往往不能保持原有格式,比如空格,回車等。

pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。

pre 標簽的一個常見應用就是用來表示計算機的源代碼。

可以導致段落斷開的標簽(例如標題、p 和 address 標簽)絕不能包含在 pre 所定義的塊里。盡管有些瀏覽器會把段落結束標簽解釋為簡單地換行,但是這種行為在所有瀏覽器上并不都是一樣的。

pre 元素中允許的文本可以包括物理樣式和基于內容的樣式變化,還有鏈接、圖像和水平分隔線。當把其他標簽(比如 a 標簽)放到 pre 塊中時,就像放在 HTML/XHTML 文檔的其他部分中一樣即可。

相信看了本文案例你已經掌握了方法,更多精彩請關注億速云其它相關文章!

推薦閱讀:

React怎樣給button添加事件

怎么使用select獲取選中的值

React中給div設置html

關于怎么實現網頁中的文字設置自動換行問題的解答就分享到這里了,希望以上內容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注億速云行業資訊頻道了解更多相關知識。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

微山县| 德江县| 余庆县| 牡丹江市| 辰溪县| 方山县| 桐乡市| 日照市| 敦化市| 怀远县| 沧源| 定边县| 三亚市| 宁安市| 泽普县| 泗阳县| 普安县| 泰兴市| 昆明市| 资溪县| 达孜县| 昌江| 昆山市| 冕宁县| 容城县| 萝北县| 徐州市| 永顺县| 洪湖市| 福泉市| 元谋县| 会同县| 登封市| 赣州市| 鹰潭市| 全南县| 福建省| 探索| 平昌县| 济南市| 宝坻区|