美文网首页
CSS-元素的显示与隐藏

CSS-元素的显示与隐藏

作者: 哎呦呦胖子斌 | 来源:发表于2018-09-26 16:48 被阅读0次

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属性搭配使用,否则不会有任何变化。

相关文章

  • CSS-元素的显示与隐藏

    display display:none隐藏元素,不是删除,但元素一直存在于页面中特点:隐藏之后不再保留位置 vi...

  • CSS-元素显示和隐藏

    元素显示和隐藏 overflow:hidden; 将超出部分隐藏 display:none; 隐藏元素,不...

  • CSS-高级技巧

    1. 元素的显示与隐藏 ① display 显示 display 设置元素是否及如何显示。 特点:隐藏之后,不再保...

  • jQuery动态效果学习笔记

    资料来源 W3Cschool 1.元素的显示与隐藏 1.1显示元素show() 语法 显示已经设置隐藏的元素 1....

  • JQuery与JavaScript隐藏显示元素

    JQuery隐藏显示元素 JavaScript显示隐藏元素

  • jQuery动画操作

    一、元素的显示与隐藏 1、hide(元素隐藏)方法 $ele.hide()或.hide("fast / slow"...

  • 元素的显示与隐藏

    在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是 display visibility 和 ov...

  • 元素的显示与隐藏

    元素不可见 不占据空间 不渲染 元素不可见 不占据空间 不渲染 但是资源加载.dn{dis...

  • 元素的显示与隐藏

    在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是 display visibility 和 ov...

  • jQuery-动效

    jQuery显示与隐藏 show([speed,[easing],[fn]])显示隐藏的匹配元素内部的实现原理是根...

网友评论

      本文标题:CSS-元素的显示与隐藏

      本文链接:https://www.haomeiwen.com/subject/bzhjoftx.html