css樣式如何實現段落文字兩端對齊的範例
- 黄舟原創
- 2017-07-19 15:58:533050瀏覽
有時候網站中的文字比較多,雖然為父元素設定了寬度,但是總是會出現兩端參差不齊的情況,看起來不整齊。其實實作段落的兩端對齊，只需要設定兩個css
樣式即可。
.demo{
text-align: justify;
text-justify: inter-ideograph;/*IE*/
}#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 : 為表意字文字提供完全兩端對齊。他增加或減少表意字和詞間的空格 。
程式碼如下：
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>css实现段落文字两端对齐</title>
<style>
*{margin:0;padding:0;}
.demo{
width: 300px;
height: 200px;
margin: 20px auto;
font-size: 14px;
color: #0a78fa;
text-align:justify;
text-justify:inter-ideograph;/*IE*/
border: 1px solid #fa5275;
}
</style></head><body><p class="demo">
川剧流行于四川全境和云南贵州等省部分地区，是融汇高腔、昆曲、胡琴(即皮黄)、弹戏(即梆子)和四川民间灯戏五种声腔艺术而成的剧种。
川剧，是中国汉族戏曲剧种之一，流行于四川东中部、重庆及贵州、云南部分地区。川剧脸谱，是川剧表演艺术中重要的组成部分，
是历代川剧艺人共同创造并传承下来的艺术瑰宝。川剧由昆曲、高腔、胡琴、弹戏、灯调五种声腔组成。</p></body></html>效果如下：
以上是css樣式如何實現段落文字兩端對齊的範例的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn