jQuery WEI----DIV+CSS样式li自动适应高度,自动换行,横向排列

设置相关样式即可,按照需求自己修改样式,Demo代码如下:

<li style="display:inline;;line-height:24px;height:auto;word-break:break-all;word-wrap : break-word;">${order.getSupplierOrderId()}</li>

自己的项目中用的了“jQuery WEUI“和要其中的某个字段自动换行,发现”jQuery WEUI“在单个词语的情况不会将单词拆开,因此加了”word-wrap“属性就解决了,具体代码如下:

                <div class="e_l_d" id="list">
		    <ul class="e_detail js-e_detail">
                         <li style="word-wrap : break-word;">${order.getSupplierOrderId()}</li>
                         <li ><fmt:formatNumber value="${order.getAmount()}" pattern="0.00"></fmt:formatNumber></li>
                         <li ><app:orderStatus status="${order.getStatus()}"></app:orderStatus></li>
                         <li ><fmt:formatDate value="${order.getDateCreated()}" pattern="yyyy-MM-dd HH:mm:ss"/>
                             <span class="iconfont icon-icon-arrow-top" ></span> 
                         </li>
                   </ul>
               </div>
posted @ 2018-06-07 09:49  星朝  阅读(1699)  评论(0编辑  收藏  举报