CSS之display
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>display</title> </head> <body> <!--display: inline;" 将块级标签转换成行内标签--> <!--display:block" 将行内标签转换成为块级标签--> <!--display:inline-block 具有inline 默认自己有多少占多少--> <!--具有block 可以设置高度,宽度,padding margin--> <!--diaplay:none 让标签消失--> <!--行内标签无法设置高度宽度例如 <a></a> <span></span>--> <div style="background-color: purple;display: inline;">1112222</div> <span style="background-color: green;display:block">222111</span> </body> </html>