CSS在图像周围环绕文本

时间:2013-05-21 23:09:34

标签: php jquery css image fluid

这个网站我一直在建设我需要以某种方式显示内容,我有一个缩略图,两个截图和一个大约500字的文本块。我需要在我的缩略图和屏幕截图周围包含文字。目前我正在使用PHP substring来分解单词的内容并将其显示在我需要的地方但是这不起作用,因为每个浏览器上的文本显示不同我需要一个流畅的解决方案,你可以看到一个例子我正在谈论的页面HERE,我需要图像保持这样,但文本要包围图像而不是有奇怪的间距,应该有更多的单词。感谢您提前提供任何帮助!

4 个答案:

答案 0 :(得分:1)

简单地浮动图像就可以了。以下是一个示例:http://jsfiddle.net/agrublev/a5RJN/

<img src="xx.jpg" style="float:left;">

答案 1 :(得分:0)

您可以尝试将align =“left”赋予p中包含的图像 如果你想要一个保证金,它可能看起来像这样

<img src="#" align="left" style="margin-right:10px;">

答案 2 :(得分:-1)

如果您知道要在其中放置带孔的单词(图片)的空间大小(宽度,高度),则可以生成SVG。优点:它适用于所有浏览器,你可以自由地放置你喜欢的单词(你甚至可以旋转它们)。

当然,您可以将生成的SVG用作小部件。

答案 3 :(得分:-1)

我找到了一个可能对您有用的代码示例。当然使用position属性也无济于事,因为单词不会环绕它。但也许将图像包装在div中并使用这样的边距可以提供帮助。

http://codepen.io/atomworks/pen/algcz