【问题标题】:Best way to vertically center text and buttons [duplicate]将文本和按钮垂直居中的最佳方法[重复]
【发布时间】:2016-04-05 15:07:47
【问题描述】:

我目前正在开发一个网站,但有一个关于垂直居中的问题。

我创建了一个带有徽标的标题和徽标旁边的一些文本。如何使徽标和文本都恰好位于标题的中间?这也适用于我希望文本/按钮位于中间的部分。谢谢。

这里是代码:-

对于标题,我只需要使用相对定位来猜测中间在哪里。但是对于我使用填充的部分,我不确定是否正确。

感谢您的帮助。

【问题讨论】:

标签: html css inline centering


【解决方案1】:

这是我通常使用 CSS 所做的,将 img 和 text 包装在一个 div 中,将其称为 innerDiv 之类的任何东西

#innerDiv {
width: 50%;
margin: 0 auto;
}

【讨论】:

    【解决方案2】:

    去掉页眉 img 的边距,在页眉中添加以下内容:

    width: 100%;
    display: table;
    text-align: center;
    

    【讨论】:

      猜你喜欢
      • 2016-12-23
      • 2013-07-31
      • 2014-07-28
      • 2012-01-05
      • 2013-06-04
      • 1970-01-01
      • 2014-08-08
      • 2011-12-16
      • 2019-12-17
      相关资源
      最近更新 更多