045-CSS之溢出

程序员大阳

软件应用技术领域优质创作者

博客专家认证

2023-01-13 03:07:01

课时名称	课时知识点
045-CSS之溢出	讲解CSS中元素溢出时的显示方式

...全文

82 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

当子元素(标签)的尺寸超过父元素(标签)的尺寸时，此时需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来完成。visible 默认值, 显示子标签溢出部分。hidden 隐藏子标签溢出部分。auto 如果子标签溢出，则可以滚动查看其余的内容。

按照HTML+CSS的学习顺序笔记已经更新了28篇内容了，因为篇幅问题，请看文末。目录一、单行文本溢出显示省略号二、多行文本溢出显示省略号（了解即可）三、往期合集今天来学溢出文字省略号显示。一、单行文本溢出显示省略号单行文本溢出显示省略号必须满足三个条件： /*1. 先强制一行内显示文本*/ white-space: nowrap; （默认 normal 自动换行） /*2. 超出的部分隐藏*/ overflow: hidden;

一,css-单行文本溢出隐藏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">

css 元素溢出 & css 显示特性css 元素溢出1. 什么是 css 元素溢出2. 示例代码3. 小结css 显示特性1. display 属性的使用2. 示例代码3. 小结 css 元素溢出学习目标能够说出元素溢出的解决办法 1. 什么是 css 元素溢出当子元素(标签)的尺寸超过父元素(标签)的尺寸时，此时需要设置父元素显示溢出的子元素的方式，设置的方法是通过 overflow属性来完成。 overflow 的设置项： visible 默认值, 显示子标签溢出部分。 hid

CSS文本溢出属性详解

熊猫大哥大的课程社区_NO_1

1

社区成员

49

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章