html span离div块有边距,html块 div span

这两种标签都是布局用的

这种标签本身没有任何显示效果

通常是用来结合css进行页面布局

示例 1 :

看不出任何效果

这没有标签

这是一个div

这是一个span

示例 2 :

div布局

一个简单的div布局的例子

注： 这里使用了style外边距样式，margin-left:50px 指的是左边距50个像素

需要对两个图片进行左边距控制

如果不使用div,则需要对每一个图像设置边距

使用了div后，先把两个图像都放在一个div里

只需要设置div的边距，就可以达到两个图片都移动的效果

示例 3 :

div和span的区别

div是块元素，即自动换行

常见的块元素还有h1,table,p

span是内联元素，即不会换行

常见的内联元素还有img,a,b,strong

第一个div

第二个div

第一个span

第二个span

来源：https://www.cnblogs.com/JasperZhao/p/12940791.html