0

对于我一直在构建的这个网站,我需要以某种方式显示内容,我有一个缩略图、两个屏幕截图和一个大约 500 字的文本块。我需要让文本环绕我的缩略图和屏幕截图。目前我正在使用 PHPsubstring来分解单词的内容并将它们显示在我需要的地方,但这不起作用,因为每个浏览器上的文本显示都不同我需要一个流畅的解决方案,你可以看到我正在使用的页面示例说到 这里,我需要图像保持这种状态,但文字要环绕图像,而不是在应该有更多单词的地方有奇怪的间距。提前感谢您的帮助!

4

4 回答 4

1

您可以尝试将 align="left" 赋予将包含在 p 中的图像如果您想要一个边距,它可以看起来像这样

<img src="#" align="left" style="margin-right:10px;">
于 2013-05-22T15:02:53.587 回答
1

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

<img src="xx.jpg" style="float:left;">
于 2013-05-21T23:16:07.377 回答
-1

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

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

于 2013-05-21T23:48:36.920 回答
-1

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

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

于 2013-05-21T23:49:07.620 回答