如何在圖像中放置圖形之間的空間？

如何在不編輯我的css文件的情況下添加一些水平的「填充空間」？我有下面的代碼：如何在圖像中放置圖形之間的空間？

<img src="./img/fig.jpg" align="right" style="display:inline;margin:2px;"/> 
<div style="text-align:justify;"> 
Bunch of text. 
</div>

我試過文本div指定style="padding-right: 5px"或封閉img與div，包括填充，利潤等，但都無濟於事 - 我可以看到，我可以成功添加填充到文本或圖像的上方和下方使用此樣式規範，但從未有空間分隔圖像和文本。

來源

2012-03-10 hatmatrix

你不能設置內聯元素的邊距/填充 – scibuff 2012-03-10 11:51:41

是的，你可以。在發佈之前先檢查。 – 2012-03-10 12:04:13

@crippledlambda我無法重現您的問題。在浮動圖像上放置填充物，確實會在文本和它之間創建空間。還是你的意思是別的？噢，'align =「right」'已棄用，應該用'「float：right」'樣式替換。另外，'display：inline'是多餘的。 – 2012-03-10 12:07:17

如果我正確地得到它，你有一個圖像和一個文本在它的左邊。您想要將文字和圖像分開，並留出更多空間。我建議在它們之間增加一個邊距。這樣做：

<img src="./img/fig.jpg" align="right" style="display:inline;margin:2px 2px 2px 5px;"/>

來源

2012-03-10 11:55:25

是，做到了。謝謝 – hatmatrix 2012-03-10 12:29:05

添加浮動：留給具有填充屬性的圖像。

來源

2012-03-10 11:51:46 Abhidev

圖像已經浮動到右側。將其浮動到左側會導致不同的佈局。 – 2012-03-10 12:07:53

感謝這也 – hatmatrix 2012-03-10 12:28:33

如何在圖像中放置圖形之間的空間？

回答

相關問題