CSS實(shí)現(xiàn)連續(xù)字符換行的方法
發(fā)布時(shí)間：2015-05-12 17:09:38 作者：佚名 
我要評(píng)論
我要評(píng)論這篇文章主要為大家介紹了CSS實(shí)現(xiàn)連續(xù)字符換行的方法,設(shè)計(jì)CSS的word-break屬性使用方法,需要的朋友可以參考下
本文實(shí)例講述了CSS實(shí)現(xiàn)連續(xù)字符換行的方法。分享給大家供大家參考。具體分析如下：
連續(xù)字符的CSS換行，主要用到CSS的word-break屬性，為其添加:break-all參數(shù)，這樣的話字符會(huì)適應(yīng)規(guī)定的寬度而自動(dòng)換行，實(shí)際上這就是CSS的強(qiáng)制換行功能。
復(fù)制代碼
代碼如下:<title>連續(xù)字符的CSS換行代碼</title>
<table width="120" border="2">
<tr><td style="word-break:break-all">ddddddddddddddddddddddddddddddddddddrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrvvvvvvvvvvvvvvvvvvvvvvvvvvvxxxxxxxxxxxxxxxxxxxxxxxxxxhhhhhhhhhhhhhhhhhhhhhhnnnnnnnnnnnnnnnnnnnnnnnn</td></tr></table>
<table width="120" border="2">
<tr><td style="word-break:break-all">ddddddddddddddddddddddddddddddddddddrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrvvvvvvvvvvvvvvvvvvvvvvvvvvvxxxxxxxxxxxxxxxxxxxxxxxxxxhhhhhhhhhhhhhhhhhhhhhhnnnnnnnnnnnnnnnnnnnnnnnn</td></tr></table>
希望本文所述對(duì)大家的div+css網(wǎng)頁(yè)設(shè)計(jì)有所幫助。
相關(guān)文章
css控制文字自動(dòng)換行的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猚ss控制文字自動(dòng)換行的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-12CSS控制文本超出指定寬度顯示省略號(hào)和文本不換行效果的實(shí)現(xiàn)
下面小編就為大家?guī)硪黄狢SS控制文本超出指定寬度顯示省略號(hào)和文本不換行效果的實(shí)現(xiàn)。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-05-05- 這篇文章主要介紹了CSS超出文本指定寬度用省略號(hào)代替和文本不換行的相關(guān)資料，小編覺的實(shí)用性非常，特此分享到腳本之家平臺(tái)，供大家參考2016-05-05
CSS自動(dòng)換行、強(qiáng)制不換行、強(qiáng)制斷行、超出顯示省略號(hào)
這篇文章主要介紹了CSS自動(dòng)換行、強(qiáng)制不換行、強(qiáng)制斷行、超出顯示省略號(hào)的相關(guān)資料,需要的朋友可以參考下2016-04-26用CSS實(shí)現(xiàn)textArea中的placeholder換行功能
這篇文章主要介紹了用CSS實(shí)現(xiàn)textArea中的placeholder換行功能,依照傳統(tǒng)方法書寫的話會(huì)出現(xiàn)問題,文中給出了解決方法,需要的朋友可以參考下2015-07-08CSS強(qiáng)制換行對(duì)齊的實(shí)現(xiàn)方法
這篇文章主要為大家介紹了CSS強(qiáng)制換行對(duì)齊的實(shí)現(xiàn)方法,涉及css中text-justify屬性的使用技巧,需要的朋友可以參考下2015-05-12CSS代碼使純英文數(shù)字自動(dòng)換行的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)硪黄狢SS代碼使純英文數(shù)字自動(dòng)換行的簡(jiǎn)單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-18