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>

效果code

xxx

xxxhtm

xxxblog

xxxclass

标签被隐藏了....margin

1. css — display
2. css-display
3. CSS display
4. CSS display属性
5. CSS display使用
6. CSS display 属性
7. 【前端】CSS : display
8. CSS（三）display, visibility
9. css--display和visibility
10. CSS属性之display
更多相关文章...
• jQuery Mobile CSS 类 - jQuery Mobile 教程
• CSS 指南 - 网站建设指南
• 使用阿里云OSS+CDN部署前端页面与加速静态资源
• 适用于PHP初学者的学习线路和建议