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