css小知识笔记

最新推荐文章于 2025-08-16 06:13:53 发布

原创最新推荐文章于 2025-08-16 06:13:53 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

前端专栏收录该内容

3 篇文章

订阅专栏

文本超出使用省略号代替

css:

单行文本

	overflow: hidden; //超出的文本隐藏
	text-overflow: ellipsis; //溢出用省略号显示
	white-space: nowrap; //溢出不换行

多行文本

	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; // 作为弹性伸缩盒子模型显示。
    -webkit-box-orient: vertical; // 设置伸缩盒子的子元素排列方式--从上到下垂直排列
    -webkit-line-clamp: 2; // 显示的行数