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