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％

原文地址：https://www.jb51.cc/css/427641.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。