css 平均分布不生效

有个布局需要用到文字左右平均分布,但是css这个样式不生效,是哪里写漏了还是写错了呢?求大神帮忙

clipboard.png

clipboard.png

阅读 3.6k
3 个回答

text-align: justify;最后一行无效果,只有一行相当于最后一行无效果,可以用text-align-last(兼容性不好) ,当然也可以加个:after让其变成两行,这样就生效了

th:after{
                content: '';
                width: 100%;
                position: relative;
                display: inline-block;    
                height:0;            
}

使用text-align-last:justify;

当text-align:justify使用在单行中,是起不到justify的作用的;

解决方法: 添加 after;

div::after {
    content:'.';
    width: 100%;
    display: inline-block;
    overflow: hidden;
    height: 0;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题