html – 在div中并排引导图像和文本

我试图将一个图像和文本并排放在一个div内的bootstrap中.为此,我使用了缩略图类.但是使用bootstrap缩略图会使图像位于顶部,所有文本位于底部.

所以我稍微改了一下,只将图像和文本放在缩略图中,并将缩略图分成两部分.但是在将屏幕调整为小的问题时,问题就出现了..文本正在转移到图像上.

这是我到现在为止所尝试的代码

cula justo,a dapibus quam augue non massa.

Screenshot without resizing

Screenshot after resizing

最佳答案
试试这个

如果你只需要移动设备,css代码在媒体查询中写这个

.image-container{text-align:center}

如果您需要在移动设备中并排显示图像和文本,
删除媒体查询中图像的高度到移动设备分辨率,给图像宽度100%

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效