Question

你如何使2 div的身高相同？它是否会根据HTML进行更改？我已经为这两个项目尝试了类似vertical-align:center的内容，但没有引起我想要的更改。

<p class='a'>asadads
</p>
<p class='b'>asdadsadsasd
</p>

Answer 1

这就是我想出来的;

http://jsfiddle.net/nickadeemus2002/KbpAh/

HTML：

<div id="wrapper">
    <p class='a'>asadads
</p>
<p class='b'>asdadsadsasd
</p>

</div>

的CSS：

#wrapper{}
.a, .b{
    float:left;
    padding:10px;
    background-color:#eee;
    color:#585858;
    font-weight:bold;
}
.a{border:1px solid #ff0000;}
.b{border:1px solid #0000FF;}

我创建了一个外包装来保存

。然后我浮动.a和.b，使它们的布局对齐。然后我为

定义了相同的填充，因此每个内容都能正确对齐。

Answer 2

您需要div外部设置宽度才能垂直对齐，或者您可以在每个p代码上使用相同的边距。

也可以使用：text-align:center;而不是vertical-align

p {
    text-align:center;
}

http://jsfiddle.net/jonocairns/rQMyd/

Answer 3

我猜你需要display:inline;，对吧？

demo

Answer 4

您可以通过设置其显示属性使其显示为内联：

p.a, p.b {
  display: inline-block
}

http://plnkr.co/edit/hULPghSet0JKQgkj2g6i?p=preview

如何使两个div处于同一级别

4 个答案: