【发布时间】:2016-05-24 22:18:36
【问题描述】:
我想将图像和短文本相对于视口居中对齐。 当空间足够时,我希望图像后跟文本在同一行中,例如横向视图。 当同一行没有足够的空间时,我希望文本在图像下方滑动,并且两者仍然居中! 欢迎任何想法。
【问题讨论】:
-
你可能想展示你已经拥有的东西(HTML 和 CSS)。
标签: html css image text center
我想将图像和短文本相对于视口居中对齐。 当空间足够时,我希望图像后跟文本在同一行中,例如横向视图。 当同一行没有足够的空间时,我希望文本在图像下方滑动,并且两者仍然居中! 欢迎任何想法。
【问题讨论】:
标签: html css image text center
您的要求是整个响应式网页领域存在的根本原因,以及移动优先设计方法...这是一个非常通用的问题,您需要更具体...您是否试图实现这只是用你自己的 html 和 css ??你在使用任何框架作品吗?这是 Bootstrap3.0 和 jQuery 等框架的标准业务。如果您还没有听说过它们,那么我建议您停止尝试重新发明轮子,在 Bootstrap3.0 中获得速成课程(特别是在脚手架中,这是您实现响应能力的方式,您可以为不同的屏幕指定 css 设置尺寸,一个项目的最小宽度是多少,以及在超过这个最小宽度的情况下该怎么办......将一个项目滑到另一个项目下......项目可以是div,视口,任何东西)
【讨论】: