CSS可以通过text-overflow和white-space两个属性实现两行加省略号的效果。/* 先定义一个样式为ellipsis的类 */ .ellipsis { overflow: hidde
CSS可以通过text-overflow和white-space两个属性实现两行加省略号的效果。
/* 先定义一个样式为ellipsis的类 */ .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 在需要应用该效果的元素上添加该类 */ <div class="ellipsis"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. </div>
其中,text-overflow属性用于定义当文本溢出容器时如何显示,可以有以下三个值:
white-space属性用于定义元素内部空白的处理方式,可以有以下几个值:
通过设置这两个属性,我们可以轻松实现两行加省略号的效果。
粉丝
0
关注
0
收藏
0