table td 文字显示两行,并且以…结尾,在360兼容模式不兼容解决方案。
来源:互联网 发布:sybase恢复数据库 编辑:程序博客网 时间:2024/05/16 14:10
table td 文字显示两行,并且以…结尾,在360兼容模式不兼容解决方案。
这是一个div里面包括table。
<div style="margin-left: -16px;width:850px;"> <table class="right-table" id="tableT" border="0" style="margin-bottom:-1px;width:850px;" cellspacing="0" cellpadding="0"> <stw:if test="${empty array }"> <tr align="center" > <td class="text-grey"><span style="color:#666666;">暂无模板</span></td> </tr> </stw:if> <stw:if test="${not empty array }"> <stw:for items="${array}" var="array1" varStatus="array1Status"> <stw:if test="${array1Status.index<10 }"> <tr> <td onclick="Model('${array1.templateId}')" class="text-gray ruguo"><p id="${array1.templateId}">${array1.modelContent}</p></td> </tr> </stw:if> </stw:for> </stw:if> </table> </div> .ruguo{ *display:inline-block;* height: 50px; width: 850px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; border-bottom:1px #DDD solid; } .ruguo p{ margin-top:-9px; text-align: left; cursor: pointer; line-height:22px; }
如果没有带*标签代码,在除360兼容模式,IE,都可以正常显示,但在360兼容模式和IE不能达到效果。
加上带*标签,在ie,360兼容模式也可以达到效果,但是没有…,如果非要…,可以使用绝对定位把…定到想要的位置。
效果图:
阅读全文
1 0
- table td 文字显示两行,并且以…结尾,在360兼容模式不兼容解决方案。
- 在IE8、FF、谷哥下兼容但不兼容IE7解决方案
- echarts在360中以及IE8浏览器不兼容:解决方案
- 解决css3动画效果在360兼容模式跟猎豹浏览器下不兼容
- frame在360浏览器兼容模式时显示白色
- 解决360等等浏览器兼容模式解析不兼容代码
- 解决360等等浏览器兼容模式解析不兼容代码
- max-width:100%在td 或 table-cell 的兼容解决办法
- table td 文字超出显示省略号
- table td 文字超出显示省略号
- colorpicker 不兼容IE6解决方案
- IE不兼容的解决方案
- IE6 不兼容的解决方案
- IE不兼容forEach解决方案
- 让所有网站在IE10中都以兼容模式打开
- 设置所有网站在IE10中都以兼容模式打开
- 在win7下如何以兼容模式运行matlab
- 文字两行超出隐藏兼容多浏览器
- Linux软件安装总结
- Single Shot MultiBox Detector论文翻译——中英文对照
- js 获取焦点事件所在的对象
- 在windows下通过Anaconda搭建tensorflow环境
- 浅析被element.style所覆盖的样式
- table td 文字显示两行,并且以…结尾,在360兼容模式不兼容解决方案。
- 订单系统的优化方案
- 拍照相册选择器
- mybatis经常会使用到的细节
- Imagenet 论文里的 single crop evaluation(test)
- 《SpringCloud微服务实战》学习笔记之断路器Hystrix
- OPenGl学习
- ANSI X9.19 MAC算法介绍
- web前端第十一天