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

前端之家收集整理的这篇文章主要介绍了html – 在div中并排引导图像和文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

Screenshot without resizing

Screenshot after resizing

最佳答案
试试这个

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

.image-container{text-align:center}

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

原文链接:https://www.f2er.com/css/427641.html

猜你在找的CSS相关文章