htnl display使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="background-color: red;display: inline">asfsa</div>
    <span style="background-color: antiquewhite;display: block">gsaga</span>


</body>
</html>

View Code

display：
display:none 让标签消失
display: inline 转换为行内标签
display: block 转换为块级标签
display：inline-block
具有inline属性，默认自己有多少占多少
具有block属性，可以设置无法设置高度，宽度以及padding margin

行业标签无法设置高度、宽度以及padding margin
块级标签：设置高度、宽度以及padding margin