码迷,mamicode.com
首页 > Web开发 > 详细

CSS——display

时间:2015-06-13 19:58:21      阅读:223      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!