0

如何让 2 divs 的高度相同？它会根据 HTML 改变吗？我已经尝试过类似的东西：vertical-align:center对于这两个项目都没有导致我想要的改变。

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

4 回答 4

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;}

我创建了一个外包装来容纳两者

s。然后我浮动 .a 和 .b 以便它们的布局对齐在一起。然后我为两者定义了相同的填充

s 所以每个内容中的内容都正确对齐。

于 2013-07-01T02:50:16.180 回答
0

您需要一个div具有设定宽度的外部才能垂直对齐，或者您可以在每个p标签上使用相同的边距。

也用：text-align:center;不vertical-align

p {
    text-align:center;
}

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

于 2013-07-01T02:42:32.833 回答
0

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

演示

于 2013-07-01T02:54:40.900 回答
-1

您可以通过设置它们的 display 属性使它们内联显示：

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

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

于 2013-07-01T02:54:17.667 回答