对齐此处显示的框的最佳方法是什么:

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后一个定位规则进行测试。

编辑:这是一个小提琴,说明了这个概念。忽略floatwidthborder属性,它们只是用于概念化:http://jsfiddle.net/aTtAW/

10-05 20:42
查看更多