css两端对齐

作者：伤哖铱旧发布日期:2026-02-24 浏览:98

/* 使用 CSS 实现两端对齐文本 */

.text-justify {
  text-align: justify;
}

/* 解释说明：
'text-align: justify;' 这个属性会让文本在容器内两端对齐，即文本的每一行都会尽可能地拉伸以填满整个容器的宽度。最后一行可能会不完全对齐，除非它本身已经足够长。
*/

<!-- 示例 HTML 代码 -->

<div class="text-justify">
  这是一段示例文本，用于展示如何使用 CSS 实现两端对齐的效果。通过设置 'text-align: justify;' 属性，可以让文本在容器内两端对齐。
</div>

上一篇：css box shadow

下一篇：css特效网站