jQuery WEI----DIV+CSS样式li自动适应高度,自动换行,横向排列
2023-09-27 14:24:54 时间
设置相关样式即可,按照需求自己修改样式,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>
相关文章
- Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引
- jQuery Ajax 实例 全解析
- IE6-IE9兼容性问题列表及解决办法:锁表头的JQuery方案和非JQuery方案(不支持IE6,7,8)
- jquery更新后怎样在一个站点中使用两个版本号的jQuery
- jquery 操作select,checkbox,radio (整理)
- jQuery实现新浪微博自动底部加载的方法
- [js] 如何 在 jQuery 中的 $.each 循环中使用 break 和 continue
- jQuery检查某个元素在页面上是否存在
- cheerio 服务器端的jquery
- 使用JQUERY的flexselect插件来实现将SELECT下拉菜单变成自动补全输入框
- JQuery - 复选框 - 全选和全不选