css两端对齐有空隙怎么办

CSS 两端对齐有空隙怎么办？

当使用 CSS 对齐文本或元素两端时，有时会出现空隙。解决此问题的常见方法包括：

1. 使用 text-align: justify;

此属性会强制文本两端对齐，并自动调整单词间距以填补空隙。

立即学习“前端免费学习笔记（深入）”；

2. 使用 letter-spacing 属性

此属性调整字符之间的间距。增加 letter-spacing 值可以缩窄空隙。

3. 使用 word-spacing 属性

此属性调整单词之间的间距。减少 word-spacing 值可以缩窄空隙。

4. 使用 hyphens: auto;

此属性允许浏览器自动添加连字符，从而将长单词拆分到下一行，减少行尾的空隙。

注意：

示例：

/* 使用 text-align: justify; */p {  text-align: justify;}/* 使用 letter-spacing; */p {  letter-spacing: 0.1em;}/* 使用 word-spacing; */p {  word-spacing: -0.1em;}/* 使用 hyphens: auto; */p {  hyphens: auto;}