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  阅读(261)  评论(0编辑  收藏  举报