块和内嵌div和span

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了块和内嵌div和span相关的知识,希望对你有一定的参考价值。

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>无标题文档</title>
 6 <style>
 7 body{ font-family:"宋体"; font-size:20px;}
 8 div,span{width:100px;height:100px;background:red;border:2px solid #000;}
 9 div{padding:40px;}
10 /*
11     块:
12         1.独占一行
13         2.支持所有的样式
14         3.不设置宽度的时候,宽度撑满正行
15     
16     内嵌:
17         1.可以在一行显示
18         2.不支持宽高,对上下的margin和padding等样式支持的也有问题
19         3.宽度内容由撑开
20         4.代码换行会被解析<span>
21                           </span>有一个空格
22 */
23 </style>
24 </head>
25 <body>
26 <div>div1</div>
27 <div>div2</div>
28 <span>span1</span>
29 <span>span2</span>
30 </body>
31 </html>

 

以上是关于块和内嵌div和span的主要内容,如果未能解决你的问题,请参考以下文章

HTMl中的块标签和内嵌标签(内联标签)

块元素和内嵌元素

关于vue项目和内嵌iframe页面之间的通信问题

css 斜角 - 带边框图像和内嵌SVG

ABAP 7.4 新语法-内嵌生命和内表操作

table标签里不能再内嵌table?