logo标签列表

在段落中居中一张图片

css-floatcss
7
我正在寻找一种纯CSS的方式来将图像置于文本段落中心，以便文本在图像两侧换行。
Ideely the image  |-----| would be placed
before or after   |-img-| the text within
the code structure|-----| and the text 
would wrap around the image.
1
这有点难做。你需要支持哪些浏览器？IE7？IE8？图片的尺寸始终相同吗？文字会改变吗？ - thirtydot
图像属性已设置，文本可能会更改。 浏览器支持不是问题，但无法使用 HTML5 和 CSS3。 - Matthew Sprankle
“浏览器支持不是问题，但不能使用HTML5和CSS3。”- 这并不能告诉我什么有用的信息。我需要测试我的潜在答案在什么浏览器/版本中。 - thirtydot
4个回答
3
2
据这篇文章所说，IE10平台预览版有一个新功能叫做定位浮动，似乎可以实现你想要的效果。
但是目前来看，我认为你可能会遇到麻烦 :/
1

我认为这是不可能的：

<p> Text that goes here and image <img src="img.jpg"/> continues text</p>

据我所知，浏览器将<p>标签内容视为一行的内容，因此当浏览器解析包含图像的p标签时，它会自动将该行的高度设置为与图像相同。
也许使用CSS3是可能的...
0

目前还没有办法做到这一点。我已经广泛地搜索过了。

这里的其他答案并没有回答问题。这个链接（A List Apart）需要使用两段文本，而且你不能动态地进行操作，因为你必须小心地将图像两侧的文本匹配起来。

另外，IE10的定位浮动（Microsoft称其为排除）确实可以工作，但有一些注意事项：

  • 它只适用于IE。
  • 您必须指定诸如列数之类的内容，而不是偏移量。
  • 当窗口大小调整时，它的效果不佳。其他内容会重叠，并且容器会保持最小尺寸。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接