3.溢出的文字省略号显示、vertical-align属性

ybi8bo007

已于 2023-08-22 12:44:45 修改

阅读量2.4k

点赞数

分类专栏：前端——CSS 文章标签： css css3 前端 html

于 2023-07-13 13:49:17 首次发布

本文链接：https://blog.csdn.net/m0_74891783/article/details/131700748

版权

28 篇文章 0 订阅 ¥29.90 ¥99.00

订阅专栏

必须满足三个条件

/*1. 先强制一行内显示文本*/
white-space: nowrap; （ 默认 normal 自动换行）
/*2. 超出的部分隐藏*/
overflow: hidden;
/*3. 文字用省略号替代超出的部分*/
text-overflow: ellipsis;

【示例代码】

<!DOCTYPE html>
<html lang="en

了解本专栏

关注

专栏目录