Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 文本中间的浮动图像_Html_Css - Fatal编程技术网

Html 文本中间的浮动图像

Html 文本中间的浮动图像,html,css,Html,Css,如何将文本环绕在下面这样的图像上 +----------------------------+ |----[This is text]----------| |----------------------------| |-------+-----------+--------| |-------| |--------| |-------| [Image |--------| |-------| here] |--------| |-------+-------

如何将文本环绕在下面这样的图像上

+----------------------------+
|----[This is text]----------|
|----------------------------|
|-------+-----------+--------|
|-------|           |--------|
|-------|  [Image   |--------|
|-------|    here]  |--------|
|-------+-----------+--------|
|----------------------------|
|----------------------------|
|----------------------------|
|----------------------------|
+----------------------------+

是的,我知道这是不可能的,但是如果将来能提供这个功能,我们会喜欢吗?

没有CSS属性可以实现这一点。我能想到的一件棘手的事情是,如果你使用的是单间距字体,你可能会用JavaScript来整理一些东西,但这会非常复杂。这需要找到图像的位置并在图像后面手动设置空格。

这可以通过使用两个不同的分区来完成,一个分区放在右边,另一个分区放在左边。

听起来OP想要一个插入的图像,文本在其周围回流。有帮助吗?我有点惊讶你没有发现Jakob的链接有用,因为在图像上打断一个句子实际上是很不自然的。更自然的做法是将其拆分为列。这样做不太可能惹恼读者。@user2253835不。你不能只使用html和css。您需要将这些内容拆分为列,以实现Jakob提到的所需的文本包装。