chrome文字两端对齐

在CSS中实现文字两端对齐，可以采用以下几种方法：

1. 使用 `text-align: justify` 属性 ：

这个属性可以使得文本的左右两端都紧贴容器的边缘，文本之间的间隔被均匀分配。需要注意的是，只有一行文字时，`text-align: justify` 属性不会产生效果，此时可以使用一个伪元素来实现效果。

2. 使用 `text-align-last: justify` 属性 ：

这个属性定义了当一行文本被分割成多个行框时，如何对齐最后一行的文本。默认值为 `auto`，表示按照文本的默认对齐方式对齐。要将最后一行的文本两端对齐，可以将 `text-align-last` 设为 `justify`。

3. 使用伪元素 ：

可以通过添加伪元素来辅助实现两端对齐。例如，使用 `::after` 伪元素来添加一个宽度为100%的空格，以实现两端对齐的效果。

4. 使用 `white-space` 属性 ：

通过设置 `white-space: pre`，可以保留输入的所有空格，包括连续的空格，从而实现一种“近似”的两端对齐效果。

5. 使用实体空格 `&nbsp；` ：

类似于使用空格，但 `&nbsp；` 是实体空格，不会被合并，也可以用来实现两端对齐的效果。

示例代码

以下是一个使用 `text-align: justify` 和 `text-align-last: justify` 的示例：

```html .text-justify { text-align: justify； text-align-last: justify； width: 400px； /* 设置容器宽度 */ border: 1px solid #ccc； }

```

建议

对于单行文本 ：可以使用 `text-align: justify` 配合伪元素来实现两端对齐。

对于多行文本 ：建议使用 `text-align: justify` 和 `text-align-last: justify`，这样可以确保最后一行文本也两端对齐。

注意事项 ：`text-align-last` 属性在一些较旧的浏览器中可能不被支持，因此需要考虑兼容性问题。

其他小伙伴的相似问题：

如何判断文本是否两端对齐？

如何设置文本两端对齐的容器宽度？

单行文本两端对齐的伪元素实现方法？