web前端CSS---关于text-align设置为justify的相关内容_html-js-css

概述将text-align设置成justify 可以将内容分散对齐，但是此属性只能对齐非最后一行的内容，可以做一下 *** 作方法1，添加伪元素after <html><style> ul li{ width:80px; height:40px; text-align:justify;} ul li::after{ con 将text-align设置成justify

可以将内容分散对齐，但是此属性只能对齐非最后一行的内容，可以做一下 *** 作

方法1，添加伪元素after

<HTML><style>    ul li{        wIDth:80px;        height:40px;        text-align:justify;}    ul li::after{        content:"";        wIDth:100%;        display:inline-block;}</style><body>    <ul>        <li>姓名</li>        <li>用户名</li>        <li>用户信息</li>          </ul></body></HTML>

注意1：伪元素内容不能忽略
注意2：不设定高度，每个li下方会有空白，使用设置高度行高来取消空白

方法2 使用text-align-last属性设置为justify

ul li{    text-align:justify;    text-align-last:justify;    wIDth:80px;}

注意1：此方法兼容性不好。注意2：text-align和text-align-last都要写

总结

以上是内存溢出为你收集整理的web前端CSS---关于text-align设置为justify的相关内容全部内容，希望文章能够帮你解决web前端CSS---关于text-align设置为justify的相关内容所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1036355.html

web前端CSS---关于text-align设置为justify的相关内容

发表评论

评论列表（0条）