首页 >

css省略号显示2排 |外发光css代码

weui radio css,css去掉表格编剧,css字体从下往上滚动,css中这么插入图片,css表格显示的列宽度,css3 颜色对应值,外发光css代码css省略号显示2排 |外发光css代码
/* 设置文本显示2行 */
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;

以上代码中,大家使用了text-overflow:ellipsis来指定省略号的样式。同时,为了将文本显示在2行,设置了display: -webkit-box-webkit-box-orient: vertical-webkit-line-clamp: 2

请注意,以上代码中使用了-webkit-前缀。这是为了兼容一些老版本的浏览器,需要添加前缀才能正常使用。

另外,如果想要将省略号显示在第3行或更多行,只需要将-webkit-line-clamp的值调整即可。

通过CSS,大家可以实现文本的截断并将省略号显示在第二行,使页面更加美观。


css省略号显示2排 |外发光css代码
  • css样式表格美化 |css 显示在同一行
  • css样式表格美化 |css 显示在同一行 | css样式表格美化 |css 显示在同一行 ...

    css省略号显示2排 |外发光css代码
  • css 物流跟踪 |介绍一下css盒子模型
  • css 物流跟踪 |介绍一下css盒子模型 | css 物流跟踪 |介绍一下css盒子模型 ...

    css省略号显示2排 |外发光css代码
  • css3选择器手册 |css如何将字体置于底部
  • css3选择器手册 |css如何将字体置于底部 | css3选择器手册 |css如何将字体置于底部 ...