文本对齐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的属性值完全一致,主要针对的是段落文字的最后一行的对齐方式的设置。




相关推荐