1.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>
2.塊元素&內聯元素
div是塊元素,即自動換行;常見的塊元素還有h1,table,p
span是內聯元素,即不會換行;常見的內聯元素還有img,a,b,strong
<div>
第一個div
</div>
<div>
第二個div
</div>
<span>
第一個span
</span>
<span>
第二個span
</span>