两端对齐文本效果

 display: inline-block;
    width: 90px;
    text-align: justify;
    text-align-last: justify;

值 justify 可以使文本的两端都对齐。在两端对齐文本中,文本行的左右两端都放在父元素的内边界上。然后,调整单词和字母间的间隔,使各行的长度恰好相等。您也许已经注意到了,两端对齐文本在打印领域很常见。不过在 CSS 中,还需要多做些考虑。

参考文档:

1.CSS text-align 属性

posted @ 2018-06-28 09:51  剑仙6  阅读(188)  评论(0编辑  收藏  举报
欢迎访问个人网站www.qingchun.在线