首页 > 解决方案 > 是否可以浮动中心图像?

问题描述

据我所知,在 HTML 和 CSS 中,您只能将图像浮动到其他元素(如文本)的左侧或右侧,而不是同时有效地浮动在两侧float: center。文字贯穿图像。

这在 Word 中很容易做到:

在此处输入图像描述

有没有做同样事情的 HTML 和 CSS 方式?

标签: htmlcssimagecss-floatcenter

解决方案


像您提供的示例那样的浮动中心将被视为糟糕的设计实践。它本质上会导致非常不愉快的用户体验,尤其是在大多数网站都具有响应性并且需要在手机和台式机上工作的时代。

例如,我们是否应该继续阅读同一行(在图像的另一侧)或开始新的一行,这并不是很清楚。

我强烈建议您研究排版网格并在您的工作中使用网格以确保最佳易读性和可访问性!


推荐阅读