css 图文在一行显示

CSS是一种用来控制网页外观的语言，可以非常方便地实现图片和文本在同一行显示的效果。

img {
  float: left; /*让图片左浮动*/
  margin-right: 10px; /*与文本之间的距离*/
}

p {
  line-height: 24px; /*行高*/
}

以上代码中，我们通过给图片设置左浮动及设定图片与文本之间的距离，实现了图片和文本在同一行显示的效果。同时也适当调整了文本行高，让显示效果更加美观。

除此之外，我们还可以通过设置图片的最大宽度和最大高度来保证图片大小的稳定，从而避免在不同的屏幕分辨率下图片大小过大或过小的问题。

img {
  float: left; 
  margin-right: 10px; 
  max-width: 100%; /*图片最大宽度*/
  max-height: 100%; /*图片最大高度*/
}

综上所述，通过CSS实现图片和文本在同一行显示，不仅可以让网页更加美观和舒适，还可以提高网页的用户体验，让用户更加方便地获取所需信息。