当div被调整大小时，自动将div的子元素垂直对齐到水平方向

我试图在div被调整大小时自动安排div的子元素到底部。这里是我的HTML。请帮帮我。谢谢。当div被调整大小时，自动将div的子元素垂直对齐到水平方向

<div style="width:200px;height:200px;border:1px solid red;vertical-align:bottom;"> 
    <a>more...</a> 
    <input type="button" value="query" /> 
</div>

来源

2012-12-04 Joe.wang

这不是'code'那就是'markup'。你试过什么了？这不可能是全部。 – Ohgodwhy

对不起，我没有说清楚。我想用'css'而不是'code'。谢谢。 –

您能否删除您的downvote？谢谢。 –

选项1：您可以添加一个css类到两个子元素并给出一个position属性。像这样

<a class = "myclass">more...</a> 
<input class = "myclass" type="button" value="query" />

然后你就可以风格你的CSS这样

.myclass{position:relative;top:90%;}

OPTION2：您可以将两个子元素的子DIV块和CSS类添加到该分区。事情是这样的

<div class = "myclass"> 
    <a >more...</a> 
    <input type="button" value="query" /> 
</div>

在相同的CSS样式希望这有助于..

来源

2012-12-04 06:57:00 saraf

你可以在这里看到它http://jsfiddle.net/awd3F/ – saraf

感谢你的回答，我发现'vertical-align'在'div'中不起作用，但它在'table'中工作。我认为有时候最好使用'table'而不是'div'。 –

当div被调整大小时，自动将div的子元素垂直对齐到水平方向

回答

相关问题