如何将img和text放在同一个div中

时间:2016-02-13 20:40:23

标签: html css image text center

我希望相对于视口对齐居中的图像和短文本。 当空间足够大时,我希望图像在同一行中跟随文本,就像横向视图一样。 如果在同一行中没有足够的空间,我希望文本在图像下滑动,并且两者仍然居中! 任何想法都会受到欢迎。

1 个答案:

答案 0 :(得分:0)

您的请求是整个响应式网页存在的基本原因,以及移动优先设计方法......这是一个非常非常通用的问题,您需要更加具体......您是否想要实现这只是你自己的HTML和CSS?你在使用任何框架作品?这是像Bootstrap3.0和jQuery这样的框架的标准业务。如果您还没有听说过它们,那么我建议您停止尝试重新发明轮子,在Bootstrap3.0中获取速成课程(特别是在脚手架中,这是您如何实现响应,您可以为不同的屏幕指定css设置大小,项目的最小宽度是什么,以及在超过此最小宽度时该怎么做...在另一个项目下滑动一个项目......项目可以是div,视口,任何东西)