html，css

Question

前端大佬好：我是调整了很久，一直没有满意的解决方法。想实现这个效果。外面是个 div，img垂直居中，文字在img右侧，遇到img自动换行（一直遇到环绕的情况）。这要怎么写好？谢谢大佬

Answer 1

img为左，文字区为右，这两个用两列布局就好了啊（网上很多），然后img的垂直居中单独做

至于想了解为什么会出现环绕的情况，去了解一下流体布局，扩展可以了解一下清除浮动，BFC等知识

Answer 2

div {
  display: flex;
  align-items: center;
  word-break: break-all;
}