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

What is the best way to align these elements on the page?

本文关键字：元素 最佳 方法 是什么 对齐      更新时间：2023-09-26
对齐

此处看到的框的最佳方法是什么：

http://property.begbies-traynor.com

有问题的框是"更多详细信息"框。我希望它们都能在页面上完美排列，无论描述长度如何。

最好使用 CSS 吗？WSB还是硬编码的 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/

CSS将是我最好的选择。您可以为隐藏溢出的描述框设置固定高度（以便隐藏任何额外的描述文本），并且在描述框的正下方有另一个div 来容纳"更多详细信息"框。这样，所有"更多详细信息"框都将在一条直线上。

为描述容器提供一个类，并在 CSS 中为其设置高度

我会为该<p>选择CSS min-height属性并将其设置为100-200。这将让特别长的文本来抬高框，但通常你会有很好的对齐按钮。

不要隐藏带有overflow的文本。太丑了。

相关文章：