将DIV对齐到底部或基线

Question

将DIV对齐到底部或基线

118

我试图将子 Div 标签与父 Div 标签底部或基线对齐。

我只想让子 Div 在父 Div 的基线上，目前它的样子是这样的： HTML

<div id="parentDiv">
<div class="childDiv"></div>
</div>

CSS

（这是一段HTML代码，表示层叠样式表）

#parentDiv
{
  width:300px;
  height:300px;
  background-color:#ccc;
  background-repeat:repeat
}
#parentDiv .childDiv
{
  height:100px;
  width:30px;
  background-color:#999;
}

注意

我将拥有多个高度不同的childDiv，并且我需要它们全部与基线/底部对齐。

- sia

我完全没有想到！我只是在parentDiv上去掉了高度，所有的childDiv现在都在基线上。我只是一个傻瓜！ - sia

但是如果您希望它具有特定的高度 - 您应该根据父元素使用“绝对”定位。 - Yaakov Shoham

11个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Pawan · Answer 1

如果您在父 Div 中有多个子 Div，那么您可以使用垂直对齐属性，就像下面这样：

.Parent div
{
  vertical-align : bottom;
}