flex和shape-outside解决safair下省略号兼容问题
常规的解决多行省略号的方法是使用 display: -webkit-box,但这种方法在Safari浏览器下会导致每行文字右侧空隙过大,而且使用两端对齐文本会与省略号重叠。为了避免这些问题,通常需要使用伪元素模拟省略号,但这种方法需要计算高度以判断省略号的显示和隐藏。
另一种解决方法是使用 flex 和 shape-outside 来模拟省略号。使用 flex 可以让文本块在垂直方向上自动分配空间,并将文本块的边缘与省略号的边缘对齐。然后,使用 shape-outsid...
最新评论