zoukankan html css js c++ java

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; 70px;">xxx</span>

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

</body>
</html>

效果

xxx

标签被隐藏了....

查看全文

相关阅读:
第十六周个人作业
 排球比赛积分程序
 本周个人总结
 本周个人总结
 排球积分规则
 我与计算机
 排球计分（实践)
观后感
 18周个人作业
 总结

原文地址：https://www.cnblogs.com/xiangsikai/p/10413058.html