如何在图像中放置图形之间的空间？

如何在不编辑我的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

如何在图像中放置图形之间的空间？

回答

相关问题