0
点赞
收藏
分享

微信扫一扫

盒子模型div、span

weipeng2k 2022-01-15 阅读 49
html

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>

网页效果如图

 

举报

相关推荐

0 条评论