php - 在页面上对齐这些元素的最佳方法是什么?

标签 php javascript wordpress css

对齐此处看到的框的最佳方法是什么:

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后者的定位规则。

编辑:这是一个说明这个概念的 fiddle 。忽略float , width ,和border属性,它们只是用于概念化:http://jsfiddle.net/aTtAW/

关于php - 在页面上对齐这些元素的最佳方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10100918/

相关文章:

javascript - 我的第一个 AJAX 请求遇到了麻烦

javascript - js中信号协议(protocol)的工作示例

javascript - 使用预先存在的数据库创建 PhoneGap iOS 应用程序

javascript - 将 div 文本替换为 div jquery onload 中的另一个 div

php - 使用简码添加产品时,Woocommerce 变体订阅未显示在购物篮中

php - 使用 PHP 创建增量数组的最简单方法是什么?

php - 使用自定义分类法隐藏循环中的子帖子

php - 为什么 CodeIgniter 应用程序文件在 public_html 文件夹中?

javascript - 如何在删除其邻居后保持 div 位置固定?

css - 如何调整/还原 WooCommerce 中的单一产品页面?