【问题标题】:how to center both img and text inside the same div如何在同一个div中将图像和文本居中
【发布时间】:2016-05-24 22:18:36
【问题描述】:

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

【问题讨论】:

  • 你可能想展示你已经拥有的东西(HTML 和 CSS)。

标签: html css image text center


【解决方案1】:

您的要求是整个响应式网页领域存在的根本原因,以及移动优先设计方法...这是一个非常通用的问题,您需要更具体...您是否试图实现这只是用你自己的 html 和 css ??你在使用任何框架作品吗?这是 Bootstrap3.0 和 jQuery 等框架的标准业务。如果您还没有听说过它们,那么我建议您停止尝试重新发明轮子,在 Bootstrap3.0 中获得速成课程(特别是在脚手架中,这是您实现响应能力的方式,您可以为不同的屏幕指定 css 设置尺寸,一个项目的最小宽度是多少,以及在超过这个最小宽度的情况下该怎么办......将一个项目滑到另一个项目下......项目可以是div,视口,任何东西)

【讨论】:

  • 我不使用任何框架,我相信保持简单是不失控的最好方法! HTML5 和 CSS3 应该足以完成这样的任务。
  • 我不认为这实际上回答了任何问题。
  • 我不会根据要求重新发明轮子......想弄清楚,至少声称你已经遵循了一些 HTML5 和 CSS3 webtoolkit 教程(是的,谷歌......并且应该知道甚至在发布这个问题之前,您自己就已经很多了)并且您在某个时候陷入了困境......至少考虑我的建议,获取框架,看看它是如何工作的,并查看它的源代码(duh !!)但是抛出你在这里的任务并期望它完成并不是stackoverflow的全部意义......&是的丹尼尔......这不是一个答案,它的指导......询问一个错误而不是一个主题
猜你喜欢
  • 2019-11-01
  • 1970-01-01
  • 1970-01-01
  • 2018-04-18
  • 2020-09-16
  • 1970-01-01
  • 2013-10-02
  • 2012-01-03
  • 1970-01-01
相关资源
最近更新 更多