在火狐浏览器文字俩端没办法对齐问题

.weui-label{
    display: block;
    width: 100px;
    text-align:justify;
    text-align-last:justify;
    border:1px solid red;
}
<label class="weui-label">姓名</label>
阅读 2.6k
3 个回答

楼上的疏忽了一点东西,兼容前缀只是一个极小的方面。
应该这么玩:

<label class="weui-label">姓 名</label>

姓 名之间空一个格或者加个其他inline的dom节点,空格也是一个dom节点哦。

.weui-label {
        display: block;
        text-align: justify;
        text-align-last: justify;
        -moz-text-align-last: justify;
        border: 1px solid red;
    }
<label class="weui-label">姓名</label>

你没有添加针对firefox相对应的前缀。

推荐你一个插件 prefixfree.js专门解决前缀的问题 在页面引入后 就不用再去管前缀了 它会自动在浏览器端补齐所有的前缀

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题