一、溢出属性 overflow
visible(默认值) 内容会溢出元素
*hidden 溢出隐藏
*auto 根据内容大小自动控制是否出现滚动条
二、空余空间 white-space
normal (默认值) 自动换行,不识别空格,不识别手动换行
*nowrap 强制一行显示,不换行
三、是否显示省略号 text-overflow
clip:默认值,不显示省略号(...);
ellipsis:显示省略标记;
注意:text-overflow单独使用无效。
四、单行文本溢出显示省略号
(1)width 知道边界在哪
(2)white-space:nowrap; 强制一行显示不换行
(3)overflow:hidden; 一行显示的文字溢出隐藏
(4)text-overflow:ellipsis; 如果内容有隐藏,用省略号告知用户。
HTML5+CSS(溢出属性)
最新推荐文章于 2023-10-23 22:09:35 发布