/* 单行超出显示省略号 */
#div {
width: 200px;
overflow: hidden; /* 隐藏超出的文本 */
text-overflow: ellipsis; /* 用省略号替代被修剪的文本 */
white-space: nowrap; /* 控制文本不换行 */
}
效果图
/* webkit内核专用（移动端） --- 多行显示省略号*/
#div2 {
width: 200px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;/* 要几行后显示省略号 */
overflow: hidden;
}
效果图
CSS文本超出三行自动隐藏 显示省略号 CSS文本长度超出宽度如何显示省略号
文字超出显示省略号: css3文字超出多行显示省略号:
CSS强制一行显示，超出显示省略号
css万能清除浮动方法 CSS单行超出省略号显示 CSS多行超出省略号显示 移动端清除输入框阴影 设置input中...
css 文字多行显示超出显示省略号 首先，要知道 css 的三条属性。 overflow:hidden; //超出...
先贴一个文字超出后显示省略号的css样式： 单行文字超出显示省略号： 多行文字超出显示省略号： *如果你的项目中装...
CSS控制文字只显示一行，超出部分显示省略号
下划线 删除线 首行缩进 整段文字两端对齐 css文字超出一行就显示省略号 css文字超出部分，隐藏并显示省略号。...
[css实现超出部分显示省略号] /* 显示一行，省略号 */white-space: nowrap;text-o...
不换行，超出部分显示省略号 换行，超出部分显示省略号
本文标题：css 超出显示省略号
本文链接：https://www.haomeiwen.com/subject/abfwaxtx.html
网友评论