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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM