DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> CSS強制換行對齊的實現方法
CSS強制換行對齊的實現方法
編輯:布局實例     

 本文實例講述了CSS強制換行對齊的實現方法。分享給大家供大家參考。具體分析如下:

用CSS控制中英文字符強制換行並兩端對齊,有效避免DIV的內容超出范圍而改變網頁布局,強制換行的功能很實用。

 

代碼如下:
<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">
一款灰色風格超實用漂亮網頁日歷組件,在保證外觀的基礎上,本插件更注重功能的體驗,操作很舒服,想使用網頁日期選擇器的朋友,本款是您不錯的選擇。。</div>
</body>
</html>

 

希望本文所述對大家的div+css網頁設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved