2012-05-11 9 views
1

私は現在作業中のwebsiteで小さな問題を抱えていますが、それはあまり気にしませんが、修正するのがいいでしょう。我々は厳格な正方形のグリッドに基づいてサイトを(このイベントの広告の残りの部分と共に)設計しました。可変コンテンツを垂直グリッドに合わせるCSSのみ(JavaScriptなし)ソリューションはありますか?

ページの下部には、グリッドの正方形の3分の1でページを投げているボディコピーのいくつかの段落があります。 (テキストの行の高さがグリッドの3分の1になるようにする)JavaScriptの計算が短く、グリッドへの要素は?

+2

私は、問題が何であるかについて少し混乱しています。問題を指摘するスクリーンショットを追加できますか? – thirtydot

+0

[ここに行く](http://cl.ly/3M2Z0W2P1I3k092L213L)。申し訳ありませんが混乱している、私ははっきりと書くことが偉大ではない。 – Alan

+0

それはあなたがそれを望んでどのように賢いかによって異なりますか? –

答えて

3

グリッドに次の要素を再整列するために、これらの段落の末尾に「スマート」な埋め込みを追加する方法はありますか?

特に、さまざまなブラウザ/オペレーティングシステムがわずかに異なる高さでテキストをレンダリングする可能性があるという事実を考慮すると、純粋なCSS修正はないと思います。

私は私の答えに追加できる唯一の他の事はしたくないJavaScriptの修正、次のとおりです。

document.body.style.height = Math.round(document.body.offsetHeight/72)*72 + "px"; 

は、少なくともそれは短いです。

+0

私はJSが私の唯一の解決策だと思っていましたが、私がそれを避けることができれば、JSに頼らないことをいつも好きです。私は過去にいくつかの非常に巧妙なCSSソリューションを見たので、私は私の手を試してみると思った。 – Alan

+1

質問するのは良いことです:)この場合でも、私は何も考えることができません。 – thirtydot

関連する問題