zoukankan      html  css  js  c++  java
  • 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>
    
  • 相关阅读:
    每周总结03
    Servlet2
    每周总结02
    周总结4
    河北省重大需求征集系统每日进度6
    周总结3
    hadoop命令
    复习uml
    周总结2
    河北省重大需求征集系统每日进度5
  • 原文地址:https://www.cnblogs.com/jpfss/p/9149090.html
Copyright © 2011-2022 走看看