如何在不使用position:absolute的情况下将文本“粘贴”到元素的底部?

时间:2012-04-03 00:43:57

标签: html css css3 css-transitions

我正在玩新的CSS3过渡,我似乎遇到了一个小路障。我正在使用转换来缩放在无序列表中保存的链接,但这会产生一些不需要的行为。更方便地向您展示:http://jsfiddle.net/xARug/

现在一切都按预期工作,但是当文本扩展时,它必须向上拉伸列表,这使得其中的其他链接上升一点点。我正在寻找一种方法将文本“粘贴”到其父元素的底部。我尝试使用position:absolute但是因为它将文本从流中拉出来似乎不起作用。

这个问题的最佳解决方案是什么?

1 个答案:

答案 0 :(得分:3)

尝试将浮动内容切换为内联块。浮动元素在其中一个生长时会改变位置。

http://jsfiddle.net/xARug/1/

nav ul li{
    display: inline-block;
    padding-left:0.5em;
}