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

posted @ 2020-11-29 16:48  安好_世界  阅读(79)  评论(0)    收藏  举报