css左右對齊,div+css文章左右對齊的解決方案

來源:互聯網
上載者:User

css如何讓一行內的文字左右對齊? text-align:justify;. text-justify文法:text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph
參數:
auto :允許瀏覽器使用者代理程式確定使用的左右對齊法則
inter-word :通過增加字之間的空格對齊文本。該行為是對齊所有文本行最快的方法。它的左右對齊行為對段落的最後一行無效
newspaper : 通過增加或減少字或字母之間的空格對齊文本。是用於拉丁文字母表左右對齊的最精確格式
distribute :處理空格很像newspaper,適用於東亞文檔。尤其是泰國
distribute-all-lines :左右對齊行的方式與distribute相同,也同樣不包含兩段對齊段落的最後一行。適用於表意字文檔
inter-ideograph : 為表意字文本提供完全左右對齊。他增加或減少表意字和詞間的空格
說明:
設定或檢索對象內文本的對齊。
對應的指令碼特性為textJustify。
------------代碼執行個體-----------
<style>
.w1{width:500px;}
.a1{background:#00FF00;text-align:justify;text-justify:inter-ideograph;}
.a2{background:#FFFF00;}
</style>

<p>原效果:</p>
<div class="w1 a2">近兩年在兒童眼科門診中,眼外傷、弱視和斜視,已經成為最棘手的三大問題。我國眼外傷流行病學調查結果表明,眼外傷是兒童致盲的首要原因。我國兒童眼外傷約佔外傷總數的25%,致盲率高達60%~70%。
</div>

<p>左右對齊後產效果:</p>
<div class="w1 a1">
近兩年在兒童眼科門診中,眼外傷、弱視和斜視,已經成為最棘手的三大問題。我國眼外傷流行病學調查結果表明,眼外傷是兒童致盲的首要原因。我國兒童眼外傷約佔外傷總數的25%,致盲率高達60%~70%。

</div>

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.