溫馨提示×

CSS實現文字兩端對齊

css
小云
408
2023-09-19 06:08:37
欄目: 編程語言

CSS實現文字兩端對齊可以使用text-align-last屬性。

text-align-last屬性定義了當一行文本被分割成多個行框時,如何對齊最后一行的文本。默認值為auto,表示按照文本的默認對齊方式對齊。

要實現文字兩端對齊,可以將text-align-last設為justify。這樣最后一行的文本會被兩端對齊,實現了文字兩端對齊的效果。

例如:

.text-justify {
text-align: justify;
text-align-last: justify;
}

然后在需要實現文字兩端對齊的元素上添加該類名:

<p class="text-justify">這是一段需要兩端對齊的文字。</p>

這樣文字就會被兩端對齊了。需要注意的是,該屬性在一些較舊的瀏覽器中不被支持。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女