讓說,我有兩個元素<img>
和<p>
作爲如何設置HTML中2個元素之間的間距?
<img style="background-color:#ffffff;width:250px;height:auto;float:left" src="http://somesite/p3.png" />
<p>
alibabaanakjalanan.</p>
目前,顯示該段內容完全NEX的形象。我怎樣才能設置元素之間的一些間距?
讓說,我有兩個元素<img>
和<p>
作爲如何設置HTML中2個元素之間的間距?
<img style="background-color:#ffffff;width:250px;height:auto;float:left" src="http://somesite/p3.png" />
<p>
alibabaanakjalanan.</p>
目前,顯示該段內容完全NEX的形象。我怎樣才能設置元素之間的一些間距?
如果你是浮動的圖像你所有你所要做的就是給它一些margin-right
,我勸離添加樣式內嵌通過也許給移動圖像一類這樣的事情,雖然我的類名是非常弱:
CSS
.img {
background-color:#ffffff;
width:250px;
height:auto;
float:left;
margin-right: 20px;
}
HTML
<img src="http://somesite/p3.png" class="img" />
<p class="para">alibabaanakjalanan.</p>
在行動http://jsfiddle.net/PqWAh/1/
這是從標記
爲img
增加保證金。
margin-right:20px;
所以代碼將是
<img style="background-color:#ffffff;width:250px;height:auto;float:left;margin-right:20px;"
保證金分隔條件的款式最好的做法,但我會建議創建CSS文件,而使用內嵌css./ –
@down投票解釋它。 –
待辦事項研究CSS – Rex