css之文本兩端對(duì)齊的兩種解決方法

css
小云
383
2024-02-01 18:06:46
欄目: 編程語言

在CSS中，有兩種常見的方法可以實(shí)現(xiàn)文本兩端對(duì)齊：

  1. 使用text-align: justify;：這個(gè)屬性可以讓文本兩端對(duì)齊，即使最后一行也會(huì)被拉伸以填滿整行的寬度。這個(gè)屬性通常用于段落文本的對(duì)齊。例如：
p {
  text-align: justify;
}
  1. 使用text-align-last: justify;：這個(gè)屬性主要用于最后一行也能夠兩端對(duì)齊，與前面的方法不同的是，text-align-last屬性只對(duì)最后一行起作用，其他行的對(duì)齊方式由text-align屬性控制。例如：
p {
  text-align: justify;
  text-align-last: justify;
}

請(qǐng)注意，這兩種方法在一些舊版本的瀏覽器中可能不被支持，所以在使用時(shí)應(yīng)該進(jìn)行兼容性測(cè)試。

0 踩