CSS display

CSS display

行内标签：无法设置高度、宽度、边距，padding，margin。
块级标签：可设置高度，宽度，边距，padding，margin。

<html>
<body>

    <!-- display: inline;将块级标签转换为行内标签-->
    <div style="background-color: red;display: inline;">xxx</div>

    <!-- display: block;将行内标签转换为块级标签-->
    <span style="background-color: red;display: block;">xxx</span>

    <!-- display: inline-block; 即是行内标签也是块级标签，两者特性相结合-->
    <span style="display: inline-block;background-color: red;height: 50px;width: 70px;">xxx</span>

    <!-- display: none; 让标签消失-->
    <span style="display: none;background-color: red;height: 50px;width: 70px;">xxx</span>

</body>
</html>

 

效果

 

 

xxx

 

xxx

 

xxx

 

xxx

 标签被隐藏了....

 

 

posted @ 2019-02-21 15:48  kevin.Xiang  阅读(262)  评论(0)  编辑  收藏  举报