html - 是否可以浮动中心图像?
问题描述
据我所知,在 HTML 和 CSS 中,您只能将图像浮动到其他元素(如文本)的左侧或右侧,而不是同时有效地浮动在两侧float: center
。文字贯穿图像。
这在 Word 中很容易做到:
有没有做同样事情的 HTML 和 CSS 方式?
解决方案
像您提供的示例那样的浮动中心将被视为糟糕的设计实践。它本质上会导致非常不愉快的用户体验,尤其是在大多数网站都具有响应性并且需要在手机和台式机上工作的时代。
例如,我们是否应该继续阅读同一行(在图像的另一侧)或开始新的一行,这并不是很清楚。
我强烈建议您研究排版网格并在您的工作中使用网格以确保最佳易读性和可访问性!
推荐阅读
- excel - 倒计时到 VBA 中的特定日期和时间
- python - 无法让 Python 3.8.3 识别比特币模块
- javascript - 将响应转换为 JSON/String 并写入文件
- javascript - 谷歌存储:结合 getName() 和 getDownloadURL()?
- azure - NLog 停止将日志记录到 Azure 应用程序的数据库
- woocommerce - 临时维护资源数量减少
- javascript - 使用 node.js 表达 res 对象将数据发送到客户端到 HTML 客户端脚本标记中
- ios - 发布的数据更新子视图但不更新父视图
- swift - macOS Big Sur 新工具栏按钮样式
- javascript - 如何在 iframe 中呈现完全捆绑的 React 应用程序?