CSS display 样式

display 标签

作用：规定元素应该生成的框的类型

属性：none -- 此元素不会被显示

　　    inline -- 此元素显示为内联元素，元素前后没有换行符

　　    block -- 此元素将显示为块级元素，此元素前后会带有换行符

　　    inline-block -- 行内块元素（CSS2.1新增）

行内标签，无法设置高度宽度边距

块级标签是可以

disply:none 让标签消失

display:inline

display:block

display:inline-block  具有inline属性，默认自己有多少占多少

　　　　　　　　　又有block属性

<html>
<head>
<style type="text/css">
p {display: inline}
div {display: block}
</style>
</head>
<body>
<p>本例中的样式表把段落元素设置为内联元素。</p>
<p>而 div 元素不会显示出来！</p>
<div>div 元素的内容不会显示出来！</div>
</body>
</html>

 

posted @ 2018-06-19 23:13  会开车的好厨师  阅读(149)  评论(0)    收藏  举报