盒子模型div、span-CFANZ编程社区

div和span标签没有语义，相当于装内容的盒子。div为division的缩写，表示分区，span意为跨距。div和span都用于布局，一行只能放一个div，可以放多个span。

例：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>盒子模型</title>
</head>

<body>
    <div>羊村是一个大盒子</div>
    <span>喜羊羊是一个小盒子</span><span>美羊羊是一个小盒子</span><span>沸羊羊是一个小盒子</span><span>懒羊羊是一个小盒子</span><span>暖羊羊是一个小盒子</span><span>村长是一个小盒子</span>
</body>

</html>

网页效果如图