婚纱摄影网站源码asp,双语对照网站,毕设帮做网站,游戏开发在线观看文章目录 基本使用 这种方法主要是针对Webkit浏览器#xff0c;因此可能在一些非Chrome浏览器中不适用。 基本使用
例如#xff1a;设置文本超出两行显示省略号。
核心代码#xff1a;
.ellipsis-multiline {display: -webkit-box; -webkit-box-orient: vertical; /* 设置… 文章目录 基本使用 这种方法主要是针对Webkit浏览器因此可能在一些非Chrome浏览器中不适用。 基本使用
例如设置文本超出两行显示省略号。
核心代码
.ellipsis-multiline {display: -webkit-box; -webkit-box-orient: vertical; /* 设置垂直排列 */-webkit-line-clamp: 2; /* 设置行数 */overflow: hidden; /* 设置超出省略 */text-overflow: ellipsis; /* 设置省略以...结尾 */
}实际使用 div classellipsis-multiline这里是一段很长的文本如果超出两行的话将会显示省略号。这样可以保持布局的整洁同时用户可以看到完整内容的一部分。
/div
