text-align:justify 失效问题。

text-align:justify 失效问题。

<div class="fmlist_left">
    <p>
        <span>
             品名
            <i class="forjustify"></i>
        </span>
        融米专享天然成熟蜂巢蜜
    </p>
</div>            
.fm1_div p{font-size: 14px;line-height: 44px;color: #999999;height: 44px;}
.fm1_div span{display: inline-block;width: 62px;margin-right: 35px;color: #333333;vertical-align: middle;text-align: justify;height: 44px;overflow-y: hidden;}
.fm1_div .forjustify{display: inline-block;width: 100%;}

主要是 span要 justify两端显示,所以要在span后面加一个行内标签 宽度100%,让span设置高度,y轴超出隐藏。

posted @ 2017-05-03 10:09  盖大楼  阅读(2371)  评论(0编辑  收藏  举报