#HTML#塊標籤_div&span

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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章