css图片在右与文字在左并列

在网页设计中，图片和文本的排版是一个重要的话题。有时候，一个图片需要与一段文字并列显示，而显示的位置又很重要，这时候就需要使用CSS来设置图片和文本的位置。

/* 样式一 */
.img-left-text-right{
  display:flex;
  flex-direction:row-reverse;
}

/* 样式二 */
.img-right-text-left{
  display:flex;
  flex-direction:row;
}

/* 样式三 */
.img-top-text-bottom{
  display:flex;
  flex-direction:column;
}

以上代码使用了FlexBox布局，可以灵活的实现图片和文本的左右布局。其中，样式一将图片放在最左边，文字放在最右边；样式二则相反，将图片放在最右边，文字放在最左边；样式三则是将图片放在上方，文字放在下方。

要注意的是，以上代码中用到了FlexBox的思想，需要熟悉FlexBox的各个属性才能更好的掌握这些布局技巧。另外，使用CSS进行图片和文本的排版，也需要考虑响应式布局的问题。