|
|
|
|
示例 2 : div布局 示例 3 : div和span的区别
div 和 span 看不出任何效果
这没有标签
<div> 这是一个div </div>
<span>这是一个span</span>
这没有标签 <div> 这是一个div </div> <span>这是一个span</span>
一个简单的div布局的例子
注： 这里使用了style外边距样式，margin-left:50px 指的是左边距50个像素 需要对两个图片进行左边距控制 如果不使用div,则需要对每一个图像设置边距 使用了div后，先把两个图像都放在一个div里 只需要设置div的边距，就可以达到两个图片都移动的效果 <img style="margin-left:50px" src="https://how2j.cn/example.gif"/>
<br/>
<img style="margin-left:50px" src="https://how2j.cn/example.gif"/>
<div style="margin-left:100px" >
<img src="https://how2j.cn/example.gif"/>
<br/>
<img src="https://how2j.cn/example.gif"/>
</div>
<img style="margin-left:50px" src="https://how2j.cn/example.gif"/> <br/> <img style="margin-left:50px" src="https://how2j.cn/example.gif"/> <div style="margin-left:100px" > <img src="https://how2j.cn/example.gif"/> <br/> <img src="https://how2j.cn/example.gif"/> </div>
div是块元素，即自动换行
常见的块元素还有h1,table,p span是内联元素，即不会换行 常见的内联元素还有img,a,b,strong <div>
第一个div
</div>
<div>
第二个div
</div>
<span>
第一个span
</span>
<span>
第二个span
</span>
<div> 第一个div </div> <div> 第二个div </div> <span> 第一个span </span> <span> 第二个span </span>
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
问答区域
2020-04-21
纠错
2020-03-04
块还是节点？
2019-12-23
小企业的前端Time-HTML 块 div span
2019-04-18
这是重点
2017-07-29
什么时候是=" " 什么时候是：
提问太多，页面渲染太慢，为了加快渲染速度，本页最多只显示几条提问。还有 1 条以前的提问，请 点击查看
提问之前请登陆
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|
