【发布时间】:2016-04-05 15:07:47
【问题描述】:
我目前正在开发一个网站,但有一个关于垂直居中的问题。
我创建了一个带有徽标的标题和徽标旁边的一些文本。如何使徽标和文本都恰好位于标题的中间?这也适用于我希望文本/按钮位于中间的部分。谢谢。
这里是代码:-
对于标题,我只需要使用相对定位来猜测中间在哪里。但是对于我使用填充的部分,我不确定是否正确。
感谢您的帮助。
【问题讨论】:
我目前正在开发一个网站,但有一个关于垂直居中的问题。
我创建了一个带有徽标的标题和徽标旁边的一些文本。如何使徽标和文本都恰好位于标题的中间?这也适用于我希望文本/按钮位于中间的部分。谢谢。
这里是代码:-
对于标题,我只需要使用相对定位来猜测中间在哪里。但是对于我使用填充的部分,我不确定是否正确。
感谢您的帮助。
【问题讨论】:
这是我通常使用 CSS 所做的,将 img 和 text 包装在一个 div 中,将其称为 innerDiv 之类的任何东西
#innerDiv {
width: 50%;
margin: 0 auto;
}
【讨论】:
去掉页眉 img 的边距,在页眉中添加以下内容:
width: 100%;
display: table;
text-align: center;
【讨论】: