当前位置：首页 > 前端技术 > CSS >内容正文

CSS

CSS设置段落的水平对齐

发布时间：2025/3/20 CSS 62 豆豆

生活随笔收集整理的这篇文章主要介绍了 CSS设置段落的水平对齐小编觉得挺不错的,现在分享给大家,帮大家做个参考.

CSS设置段落的水平对齐

CSS设置段落的水平对其方式

CSS中通过属性text-align来设置段落的水平对其方式，可以设置为左、中、右和两端对齐等，控制段落文字的对齐，和word中一样的方便。

<html><head><title>水平对齐</title><style></style></head><body>这个段落采用左对齐的方式，text-align：left，因此文字都采用左对齐。 床前明月光，疑是地上霜。 举头望明月，低头思故乡。 李白这个段落采用右对齐的方式，text-align：right，因此文字都采用右对齐。 床前明月光，疑是地上霜。 举头望明月，低头思故乡。 李白这个段落采用居中对齐的方式，text-align：center，因此文字都采用居中对齐。 床前明月光，疑是地上霜。 举头望明月，低头思故乡。 李白这个段落采用左对齐的方式，text-align：justify，因此文字都采用左对齐。床前明月光，疑是地上霜。举头望明月，低头思故乡。 李白</body> </html>

如上代码，分别使用了text-align属性的四个值，分别实现了左对齐、右对齐，居中对齐和两端对齐的效果。

《新程序员》：云原生和全面数字化实践50位技术专家共同创作，文字、视频、音频交互阅读

总结

以上是生活随笔为你收集整理的CSS设置段落的水平对齐的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。