CSS 显示属性

正如所有元素都有position属性,所有元素也都有display属性。尽管display属性的值
有很多,但大多数元素display属性的默认值不是block,就是inline。要是你在我们讲

块级元素,比如段落、标题、列表等,在浏览器中上下堆叠显示。
行内元素,比如a、span和img,在浏览器中左右并排显示,只有前一行没有空间时才
会显示到下一行。
把块级元素变成行内元素(或者相反)的魔法如下:
/默认为block/
p {display:inline;}
/默认为inline/
a {display:block;}
这种转换可以让原先的行内元素填满其父元素。本书后面在介绍到CSS下拉菜单的时候,就
会用到这个技巧。
display属性还有一个值有必要提一下,就是none。把元素的display设定为none,该元
素及所有包含在其中的元素,都不会在页面中显示。它们原先占据的所有空间也都会被“回
收”,就好像相关的标记根本不存在一样。与此相对的是visibility属性,这个属性最常
用的两个相对的值是visible(默认值)和hidden。把元素的visibility设定
为hidden,元素会隐藏,但它占据的页面空间仍然“虚位以待”

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,584评论 0 8
  • display: none; 与 visibility: hidden; 的区别 联系:它们都能让元素不可见 区别...
    纹小艾阅读 5,763评论 0 1
  • 1标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? CSS盒子模型:由四个属性组成的外边距(margi...
    秦小婕阅读 4,946评论 0 1
  • CSS 是什么 css(Cascading Style Sheets),层叠样式表,选择器{属性:值;属性:值}h...
    崔敏嫣阅读 5,351评论 0 5