css如何让文字两端对齐 _html+css

在css中，可以将text-indent属性设置为justify ，实现文字两端对齐。下面小编举例讲解css如何让文字两端对齐。

文章插图

需要这些哦
html+css
代码编纂器：Dreamweaver CS5
方式/
1新建一个html文件，定名为test.html ，用于讲解css若何让文字两头对齐。

文章插图

2在test.html文件内，利用div标签建立一行文字，用于测试。

文章插图

3在css标签内，经由过程div元素名称设置div的样式，界说div的宽度为500px ，布景颜色为黄色，同时将text-align属性设置为justify 。

文章插图

4以上的样式设置并不会实现两头对齐，还需要界说一个空标签来辅助实现。在div内，再利用一个i标签辅助实现两头对齐。

文章插图

5在css标签内，再设置i标签的样式，界说其display属性，同时设置i标签的宽度为百分一百。

文章插图

6在浏览器打开test.html文件，查看实现的结果。

文章插图

总结：1【css如何让文字两端对齐】1、利用div标签建立一行文字。
2、在div内，再界说一个空标签，例如， i标签。
3、在css中，利用text-align属性设置为justify ，同时设置i标签的宽度为100% 。

注重事项除了利用i标签外，还可以利用span标签等。

以上内容就是css如何让文字两端对齐的内容啦，希望对你有所帮助哦！