欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css3多列兩端對齊

夏志豪1年前7瀏覽0評論

CSS3多列兩端對齊是一種常用的布局方式,可以使得多欄文本排版更為美觀和規整。下面來詳細介紹一下該布局方式的實現方法。

首先,需要在CSS中設置多列屬性,例如設置3列,可以使用如下代碼:

.column {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}

接著,我們需要使用text-align-last屬性來實現兩端對齊的效果。該屬性可以設置最后一行的對齊方式,有四個取值:

  • auto:默認值,最后一行左對齊
  • start:最后一行左對齊
  • end:最后一行右對齊
  • justify:最后一行兩端對齊

因此,實現多列兩端對齊的代碼如下:

.column {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
text-align-last: justify;
}

最后附上一張效果圖:

CSS3多列兩端對齊效果圖

以上就是CSS3多列兩端對齊的實現方法了,希望對大家有所幫助。