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文件，查看实现的结果。
END
总结：
- 1
1、利用div标签建立一行文字。
2、在div内，再界说一个空标签，例如 ，i标签。
3、在css中，利用text-align属性设置为justify，同时设置i标签的宽度为100%。
END
注重事项
- 除了利用i标签外，还可以利用span标签等。
- 发表于 2020-04-19 19:00
- 阅读 ( 973 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章