我目前正在从事一个涉及 [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/