display 隐藏css,CSS-元素的显示与隐藏

display

display：none隐藏元素，不是删除，但元素一直存在于页面中

特点：隐藏之后不再保留位置

visibility

visible 对象可见

hidden 对象隐藏

特点：隐藏之后继续保留原有位置

overflow

检索或设置当对象的内容超过其指定高度及宽度时如何管理内容

visible 不剪切内容页不添加滚动条，内容会超出指定宽高度(默认)

auto 超出自动显示滚动条，不超出不显示滚动条

hidden 不显示超过对象尺寸的内容，超出的部分隐藏掉

scroll 不管超出内容否，总是显示滚动条

溢出的文字隐藏

word-break

自动换行，主要用来处理英文单词

normal 使用浏览器默认的换行规则

break-all 允许在单词内换行

keep-all 只能在半角空格或连字符处换行，不允许拆开单词显示，连字符特殊

white-space

设置或检索对象内文本显示方式，通常使用于强制一行显示内容

normal 默认处理方式，显示不开就换行

nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇br标签对象才换行

text-overflow

设置或检索是否使用一个省略标记(…)标示对象内文本溢出

clip：不显示省略标记，而是简单的裁切

ellipsis：当对象内文本溢出时显示省略标记

注意，一定要首先强制一行内显示，再次和overflow属性搭配使用，否则不会有任何变化。

display 隐藏css,CSS-元素的显示与隐藏相关推荐

CSS的元素的显示与隐藏
CSS的显示与隐藏 CSS中元素标签的显示与隐藏可以通过对元素的css样式编写的过程中,在元素样式下以三种不同的属性进行显示与隐藏,通过对html标签进行显示与隐藏,从而实现web中特定的功能,例如: ...
CSS一元素的显示与隐藏
元素的显示与隐藏类似网站广告,当我们点击就不见了,但是重新刷新页面,会重新出现. 本质:让一个元素在页面中隐藏或者显示出来. 常用的三种方法:display.visibility.overflow ...
css_元素的显示与隐藏
目录 1.display 2. visibility 3.opacity 区别 [1]隐藏后是否占有位置 [2]隐藏后子元素是否显示 [3]元素隐藏后设置的事件是否还有做用总结-区别示例控制元素 ...
css元素的显示与隐藏 display显示隐藏 +visibility显示隐藏 +overflow溢出显示隐藏
css元素的显示与隐藏 display显示隐藏元素 visibility显示隐藏元素 overflow溢出显示隐藏总结 display显示隐藏元素 display 设置或检索对象是否及如何显示. d ...
web前端入门学习 css（6）（定位position）（元素的显示与隐藏display、可见性visibility、溢出overflow）（案例：土豆播放页）
文章目录什么是定位? 定位组成(定位模式+边偏移) 定位模式static relative absolute fixed 边偏移定位模式--静态定位static(平时用不到)就是标准流定位模式- ...
CSS基础「六」元素的显示与隐藏
本篇文章为 CSS 基础系列笔记第六篇,参考黑马程序员pink老师前端入门教程其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...
认识CSS中高级技巧之元素的显示与隐藏
前端之HTML,CSS(八) CSS高级技巧元素的显示与隐藏 CSS中有三个属性可以设置元素的显示于隐藏,分别是:display.visibility和overflow. display 隐藏元素: ...
CSS伪元素及元素的显示与隐藏的学习
什么是伪元素? CSS 伪元素用于设置元素指定部分的样式. 例如,它可用于: 设置元素的首字母.首行的样式在元素的内容之前或之后插入内容伪元素在超链接中的应用 1. link 未 ...
CSS设置元素叠加显示
CSS设置元素叠加显示的方式: 方法1:设置负margin: 给元素设置负margin使其移动后原来的位置是不会保留的负margin可以让元素的占用空间变小后面的元素可以覆盖当前的元素 (这里有 ...
背景的渐变/vatical的专题解析/cs元素的显示与隐藏-学习笔记
记单词.复习. 背景色的渐变(渐变是css3中的东西,考虑加上兼容处理) 1.线性渐变背景颜色沿着一条直线进行的它的属性为:linear gradient 1)渐变的位置:它的方向值有(to lef ...

display 隐藏css,CSS-元素的显示与隐藏

display 隐藏css,CSS-元素的显示与隐藏相关推荐

最新文章

热门文章