兼容IE,Chrome 文本控制显示三行

谷歌浏览器得行数控制不兼容ie,加个高度限制解决。(max-height:66px;)

css:

.txt{
display:block;
height:auto;
max-height:66px;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

}
html:
<td><div class="txt" title="<s:property value="#u.p" />"><s:property value="#u.p" /p></div></td>
posted @ 2023-05-30 17:39  黎明的太阳  Views(31)  Comments(0Edit  收藏  举报