在CSS样式中,通常使用三行省略号表示截断长文本。例如:overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 然而,在Inte
在CSS样式中,通常使用三行省略号表示截断长文本。例如:
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
然而,在Internet Explorer浏览器中,这种写法不兼容。这时可以使用以下的替代方案:
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
这种方式将文本放置在一个块容器中,然后让文本的总行数不超过1行,剩余的文本使用省略号截断。但是需要注意的是,使用这种方式时,元素的高度应该设置为当前行高的倍数。
粉丝
0
关注
0
收藏
0