text-align: justify + text-justify: inter-ideograph 文字两端居中无效

Lindsy.T
  • 23

label标签(单行)内容要求两端对齐,谷歌火狐有效,Edge浏览器无效

<label class="required"><span>作业内容</span> <i></i></label>

label
    width: 4.5em;
    font-size: 0.16rem;
    color: #333;
    margin-right: 0.2rem;
    padding-top: 0.1rem;
    text-align: justify;
i
    display: inline-block;
    width: 100%;

尝试过给label加text-justify: inter-ideograph ,依然无效

回复
阅读 1.5k
1 个回答

在子元素前面加一个空格或空行就可以解决了

<label class="required">
    $nbsp;
    <span>作业内容</span> <i></i>
</label>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏