gpt4 book ai didi

css - 使用 Bootstrap 将元素静态放置在跨度元素的底部

转载 作者:行者123 更新时间:2023-11-28 17:28:02 25 4
gpt4 key购买 nike

我目前正在从事一个涉及 [3 x n] 无序列表的元素,并试图在每个列表条目的底部放置一个链接。问题在于每个列表条目的高度对于内容是动态的,如本 codepen 所示。 .我该如何设置样式才能使所有链接都对齐??

来源:

<body class="container-fluid">
<ul class="row-fluid">
<li class="span4">
<h1> Column 1 </h1>
<p>Lorem ipsum ... laborum.</p>
<a href="">Some Link</a>
</li>
<li class="span4">
<h1> Column 2 </h1>
<p>Lorem ipsum ... consequat.</p>
<a href="">Some Link</a>
</li>
<li class="span4">
<h1> Column 3 </h1>
<p>Lorem ipsum ... pariatur. </p>
<a href="">Some Link</a>
</li>
</ul>

<!-- More similar ul's -->
</body>

最佳答案

http://codepen.io/anon/pen/kDCwz

ul {
position:relative;
padding-bottom:20px;
}
a {
position:absolute;
bottom:0px;
}

关于css - 使用 Bootstrap 将元素静态放置在跨度元素的底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26746091/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com