CSS display

時間 2019-11-06

標籤 css display 欄目 CSS 简体版

原文原文鏈接

CSS displayhtml

行內標籤：沒法設置高度、寬度、邊距，padding，margin。
塊級標籤：可設置高度，寬度，邊距，padding，margin。spa

<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>