aui显示的时候会商品名称最后的空格给省略

.aui-ellipsis-2 {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
}

    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />


    <div class="aui-col-xs-6" tapmode>
        <div class="aui-card-list">
            <div class="aui-card-list-content">
                <img id="img_{{= data.id }}" src="../image/ware_picture_loding.png">
            </div>
            <div class="aui-list-item-title aui-text-default aui-text-center aui-ellipsis-2"> {{=data.ware_name}} </div>

        </div>
    </div>



aui显示的时候会商品名称最后的空格给省略掉,导致有的行只显示用占用一行显示。
比如,以下的串,在关和逗号之间也的空格会被省略掉。
i1.0系列二位双/多控开关           ,

目标:想每行显示两个商品,可是因为有的商品名称字少,有的字多,当字的数量多到12个的时候,会两行显示。为了都两条显示,对于字少的商品,我在mysql的右边补上空格。

B.png


a.png

 
已邀请:

logjiang

赞同来自:

会出现上面有空白的空位置

要回复问题请先登录注册