在網頁設計與開發中,文本的對齊方式是非常重要的一個方面。我們常常會遇到需要讓一句話兩端對齊的情況,這時候 CSS 就可以派上用場了。
/*將 p 標簽內的文本兩端對齊*/ p { text-align: justify; } /*去除最后一行兩端對齊*/ p:last-child { text-align: left; }
通過給 p 標簽設置 text-align 屬性為 justify,就可以實現一句話兩端對齊了。但是這時會發現最后一行也被兩端對齊了,這顯然不是我們想要的效果。所以我們需要再添加一條 CSS 規則,選中最后一個 p 標簽,把它的 text-align 設置為 left,即居左對齊。
這樣一來,我們就成功地實現了一句話兩端對齊的效果。需要注意的是,如果你的文本中有很短的一行,那么兩端對齊的效果可能會比較奇怪,這時候可以使用 text-align-last 屬性,對最后一行進行單獨設置。
上一篇css實現三角線箭頭
下一篇css實現上拉加載效果