温馨提示×

css之文本两端对齐的两种解决方法

css
小云
91
2024-02-01 18:06:46
栏目: 编程语言

在CSS中,有两种常见的方法可以实现文本两端对齐:

  1. 使用text-align: justify;:这个属性可以让文本两端对齐,即使最后一行也会被拉伸以填满整行的宽度。这个属性通常用于段落文本的对齐。例如:
p {
  text-align: justify;
}
  1. 使用text-align-last: justify;:这个属性主要用于最后一行也能够两端对齐,与前面的方法不同的是,text-align-last属性只对最后一行起作用,其他行的对齐方式由text-align属性控制。例如:
p {
  text-align: justify;
  text-align-last: justify;
}

请注意,这两种方法在一些旧版本的浏览器中可能不被支持,所以在使用时应该进行兼容性测试。

0