html - 在图像旁边强制文本块
问题描述
你好，我有一张图片，想在它旁边显示文字。因此我将文本放在一个<div>元素中并将其设置为display:inline-block. 我也将 div 和 img 都设置为vertical-align:middle
现在，<br>文本中的元素可以正常工作，但是如果一行太长，则整个文本块都放在图像下方。我可以以某种方式强制它在同一行并进行换行吗？当然我可以使用 max-width 来确保它适合线条，但事实是，我无法计算 img 的宽度。或者我可以以某种方式让它占据线路的其余部分吗？
解决方案
将 CSS 属性添加float:left到图像和float:right文本框 (div)。display:inline-block还必须添加CSS 属性。CSS 属性vertical-align不适用于浮动。改用 display flex 并将 CSS 属性设置align-items:center为垂直对齐。