首页 > Web开发 > 详细

CSS——display

时间:2015-06-13 19:55:59      阅读:277      评论:0      收藏:0      [点我收藏+]

display:定义元素以 块还是行内元素显示,常用的有以下几种。

  1. none:不显示,也不保留其在页面中的位置;而visible:hidden虽然隐藏,但该对象在网页上所占的空间没有改变。
  2. block:块级元素,每个元素默认占据一行。是div、h等块级元素的默认值;
  3. inline:行内元素,与其他元素在一行显示。
  4. inline-block:行内快元素。

  例:

    

技术分享
<html>
<head>
<style type="text/css">
    p {display: inline-block}
    div {display: none}
</style>
</head>

<body>
    <p>P1 本例中的样式表把段落元素设置为内联元素本例中的样式表把段落元素设置为内联元素 P1</p>
    <div>div 元素的内容不会显示出来!</div>
    <p>而 div 元素不会显示出来!</p>
</body>
</html>
View Code

 

如图:

技术分享

 

例2、

 

CSS——display

原文:http://www.cnblogs.com/SunBlog/p/4573868.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!