css图片与文字在一行显示不出来

在网页设计中，经常会遇到将图片和文字在同一行显示的情况，但有时候会出现问题，出现图片和文字错行的情况。这时就需要分析问题的原因并解决它。

img{
    vertical-align: middle;
}

一个经常出现的问题是图片和文字错行，这时文字会跑到图片的下面。这是因为图片默认是居中对齐的，而文字默认是基线对齐的。当它们在同一行时，基线和中线会发生冲突，导致视觉上的错行。解决这个问题的方法是在CSS中给图片设置vertical-align: middle;，让图片与文字都居中对齐。

.wrap{
    display: flex;
    align-items:center;
}

如果文本和图片是在一个容器内，也可以使用Flex布局的方式来解决错行问题。设置父容器的display为flex，然后设置align-items: center，就能让容器内的所有子项（包括文字和图片）居中对齐了。

总之，在网页设计中，遇到图片和文字错行的问题时，可以通过以上两种方法来解决，让它们在同一行内完美地显示。