文本对齐css : text-align和text-align-last
阅读数:56 评论数:0
跳转到新版页面分类
html/css/js
正文
text-align: left; // 左对齐
text-align: right; // 右对齐
text-align: center; // 居中对齐
text-align: justify; // 两端对齐
text-align: justify-all; // 两端对齐 同时强制最后一行两端对齐
text-align: start; // 开始处对齐,相对direction:rtl和ltr而言
text-align: end; // 结尾处对齐,现对于direction
text-align: match-parent; // 有点类似于inherit
前面4个常用,后面新增的属性值由于浏览器支持度不好,目前来看,用的比较少。
很多时候,会有一种需求,就是段落文字两端对齐,但是最后一行需要居中对齐,这时候就需要使用 text-align: justify;并且配合text-align-last属性了,其值与text-align的属性值完全一致,主要针对的是段落文字的最后一行的对齐方式的设置。