CSS的display属性

浏览数：23 / 时间：2015年06月09日

网页设计中最常用的标签p、div、h1-h6（默认为块级元素）,span(默认为内联元素)

1、把元素显示为内联元素和把元素显示为块级元素

<style type="text/css">
    div{ display:inline; background:red;}/*区块元素将转换为内联元素*/
    span{ display:block; background:green;}/*将内联元素转换为区块元素*/
</style>
</head>
<body>
    <div>我是div块级元素</div>
    <span>我是span内联元素</span>
</body>

 

 

 

2、设置元素不可见和设置元素为inline-block

<style type="text/css">
    div{ display:none; background:red;}/*将元素设置为不可见*/
    span{ display:inline-block; background:green;}/*还是内联元素 跟inline没什么区别,只有一点区别就是会自动加上一些边距*/
    h1{ display:inline-block; background:blue;}
</style>
</head>
<body>
    <div>我是div块级元素</div>
    <span>我是span内联元素</span>
    <h1>fasdfsadf</h1>
</body>

 

 

CSS的display属性,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class 代码 java style src sp class 代码 java style src sp

相关文章

随机文章

您可能还喜欢

您可能还喜欢