对齐此处显示的框的最佳方法是什么:
http://property.begbies-traynor.com
有问题的框是“其他详细信息”框。我希望它们都可以在页面上完美对齐,而不管描述的长度如何。
最好使用CSS吗? JS?还是硬编码的php?
该网站是基于Wordpress的自定义主题。
最佳答案
设置每个容器,例如:<div class="post-3283 sale type-sale status-publish hentry ts-box box-4 clear">
要设置一个附加类,请在其中进行设置:height:370px;
position:relative;
然后,为每个持有绿色按钮的<p>
指定一个类,并为其指定规则:position:absolute;
bottom:0;
您可以通过将ts-box
设置为具有这些添加的规则,然后给单个p
后一个定位规则进行测试。
编辑:这是一个小提琴,说明了这个概念。忽略float
,width
和border
属性,它们只是用于概念化:http://jsfiddle.net/aTtAW/