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>

转载于:https://www.cnblogs.com/jpfss/p/9149090.html