是否可以浮动中心图像？

Posted 2023-03-29

【中文标题】是否可以浮动中心图像？

【英文标题】：Is it possible to float center an image?

【发布时间】：2019-06-20 09:41:51

【问题描述】：

据我所知，在 html 和 CSS 中，您只能将图像浮动到其他元素（例如文本）的左侧或右侧，而不是同时浮动在两侧，实际上是 float: center。文本在图像中读取。

这在 Word 中很容易做到：

是否有 HTML 和 CSS 方式来做同样的事情？

【参考方案1】：

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

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

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

【讨论】：

更多关于排版网格的信息会很有帮助。例如。它们是如何工作的？他们如何解决问题？

你最好用谷歌搜索这种东西，它非常广泛和深入。但本质上，网格是所有内容所在的框架，它允许适当的对齐、间距，以便所有内容元素可以呼吸并且清晰易读。

排版网格似乎与 HTML 无关。我不是在寻找不这样做的理由，而是在寻找如何去做。

好吧，我想说的很简单：排版是一种可以做得很好也可以做得很差的做法。排版网格是一种很好的排版实践。 HTML 和 Web 以排版为主。擅长排版 = 擅长构建漂亮的网站。

目前，我解决这个问题的唯一方法是嵌入图像。我想你会同意这是一个更糟糕的解决方案！