CSS強制換行對齊的實現(xiàn)方法
發(fā)布時間：2015-05-12 17:20:47 作者：佚名 
我要評論
我要評論這篇文章主要為大家介紹了CSS強制換行對齊的實現(xiàn)方法,涉及css中text-justify屬性的使用技巧,需要的朋友可以參考下
本文實例講述了CSS強制換行對齊的實現(xiàn)方法。分享給大家供大家參考。具體分析如下：
用CSS控制中英文字符強制換行并兩端對齊，有效避免DIV的內(nèi)容超出范圍而改變網(wǎng)頁布局，強制換行的功能很實用。
復制代碼
代碼如下:<html>
<head>
<title>CSS強制換行對齊</title>
</head>
<body>
英文對齊:
<div style="font-size:12px;width:300;text-align:justify;text-justify:newspaper">If you are Male, between 20 to 40 years old, ethnically Chinese and effectively bilingual (English/Mandarin) with a minimum university degree, this is your opportunity of a lifetime. You need to have confidence and charisma in front of the camera and possess good scriptwriting ability in English. Some Media experience preferred</div>
中文對齊:
<div style="font-size:12px;width:300;text-align:justify; text-justify:inter-ideograph">
一款灰色風格超實用漂亮網(wǎng)頁日歷組件，在保證外觀的基礎上，本插件更注重功能的體驗，操作很舒服，想使用網(wǎng)頁日期選擇器的朋友，本款是您不錯的選擇。。</div>
</body>
</html>
希望本文所述對大家的div+css網(wǎng)頁設計有所幫助。
相關文章
- 下面小編就為大家?guī)硪黄猚ss控制文字自動換行的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-12
CSS控制文本超出指定寬度顯示省略號和文本不換行效果的實現(xiàn)
下面小編就為大家?guī)硪黄狢SS控制文本超出指定寬度顯示省略號和文本不換行效果的實現(xiàn)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-05-05- 這篇文章主要介紹了CSS超出文本指定寬度用省略號代替和文本不換行的相關資料，小編覺的實用性非常，特此分享到腳本之家平臺，供大家參考2016-05-05
- 這篇文章主要介紹了CSS自動換行、強制不換行、強制斷行、超出顯示省略號的相關資料,需要的朋友可以參考下2016-04-26
用CSS實現(xiàn)textArea中的placeholder換行功能
這篇文章主要介紹了用CSS實現(xiàn)textArea中的placeholder換行功能,依照傳統(tǒng)方法書寫的話會出現(xiàn)問題,文中給出了解決方法,需要的朋友可以參考下2015-07-08- 這篇文章主要為大家介紹了CSS實現(xiàn)連續(xù)字符換行的方法,設計CSS的word-break屬性使用方法,需要的朋友可以參考下2015-05-12
CSS代碼使純英文數(shù)字自動換行的簡單實現(xiàn)
下面小編就為大家?guī)硪黄狢SS代碼使純英文數(shù)字自動換行的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-18