使用text-align: justify可实现文本两端对齐，浏览器自动调整间距使左右边缘对齐，适用于中英文混排；需注意最后一行默认左对齐，可通过控制文本长度或断词避免过度拉伸，提升排版美观与可读性。
在网页设计中，让文本两端对齐（即左右边缘都对齐）是一种常见的排版需求，尤其适用于段落文字较多的场景。通过css的text-align属性可以轻松实现html文本的两端对齐效果。
使用 text-align: justify 实现两端对齐
要让一段文本在容器内实现两端对齐，只需设置css属性text-align: justify即可。浏览器会自动调整单词和字符之间的间距，使每行文字的左右边缘都对齐，最后一行除外（除非另有设置）。
示例代码：
<p style="text-align: justify;"><br> 这是一段需要两端对齐的文字内容。当文字足够多时，每一行都会<br> 自动调整间距，使得左右两边看起来整齐对齐，提升阅读体验。<br></p>
注意点：最后一行的对齐问题
默认情况下，text-align: justify只对非最后一行生效，最后一行通常左对齐。如果你希望最后一行也两端对齐，可以结合text-justify属性或使用伪元素技巧。
立即学习“前端免费学习笔记（深入）”；
现代浏览器支持有限，更实用的方法是控制文本长度或使用javaScript辅助换行，确保最后一行也能自然对齐。
避免过度拉伸：合理控制容器宽度
当容器太窄而单词较长时，浏览器可能会大幅拉大词间距，导致难看的空白。为避免这种情况：
- 设置合理的
max-width限制容器宽度 - 使用
hyphens: auto启用自动断词（需配合语言属性） - 考虑用
添加软连字符，控制断字位置
适用于中文与英文的通用处理
中英文混排时，text-align: justify依然有效。中文以字为单位，英文以单词为单位，浏览器会智能处理间距。若中文出现不均匀空隙，可添加以下样式优化：
text-justify: inter-ideograph; /* IE 和部分浏览器支持 */
该属性特别适合中文排版，能实现更均匀的对齐效果。
基本上就这些。掌握text-align: justify及其相关技巧，就能在大多数场景下实现美观的文本两端对齐效果，提升页面的专业感和可读性。不复杂但容易忽略细节，建议结合实际内容调试显示效果。