18.display
html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>display</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div>块元素</div>
<span>行内元素</span>
</body>
</html>
css:
/*display:
block 块元素 独占一行
inline 行内元素 不独占一行
inline-block 块元素 不独占一行
none
*/
div{
width: 100px;
height: 100px;
border:2px red solid;
display: block;
}
span{
width: 100px;
height: 100px;
border: 2px red solid;
display: block;
}
运行结果: