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