2

ここに表示されているボックスを整列させる最良の方法は次のとおりです。

http://property.begbies-traynor.com

問題のボックスは「Further Details」ボックスです。説明の長さに関係なく、すべてがページ上で完全に整列することを望みます。

CSSを使用するのが最善でしょうか？JS? またはハードコードされたphp？

このサイトは、カスタム テーマを使用したワードプレス ベースです。

4

4 に答える 4

3

次のように、コンテナごとに設定します。

<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、後者の配置ルールを 1 つ指定することで、これをテストできます。

編集:これは、概念を示すフィドルです。float、width、および属性は無視してborderください。これらは単に概念化するためのものです: http://jsfiddle.net/aTtAW/

于 2012-04-11T06:35:05.967 に答える
0

CSSは私の最善の策です。オーバーフローを非表示にして説明ボックスの高さを固定し (余分な説明テキストが非表示になるように)、説明ボックスのすぐ下に「詳細」ボックスを保持する別の div を設定できます。そうすれば、すべての「Further Details」ボックスが一直線になります。

于 2012-04-11T06:31:13.890 に答える
0

説明コンテナにクラスを与え、css で高さを設定します

于 2012-04-11T06:31:37.260 に答える
0

そのためのCSSmin-height属性を選択して<p>、に設定し100-200ます。これにより、非常に長いテキストがボックスを高くすることができますが、通常は適切に配置されたボタンが表示されます.

でテキストを非表示にしないでくださいoverflow。それは醜いです。

于 2012-04-11T06:38:50.567 に答える