0

ページレイアウトにTwitterBootstrapを使用していて、 CSS3ボックスシャドウを列に挿入したいと思います。

私が抱えている唯一の問題は、ボックスの影に1pxの境界線があることです。これは、2番目の列を次の行に折り返すのに十分です。境界線を削除すると、うまく整列します。

列幅から2pxを引くと、まさに私が望むように見えます。ただし、Bootstrapの流動的なレイアウト（ピクセルではなくパーセントに基づく）を利用したいので、<div>2つのピクセルを他の方法よりも単純に狭くする簡単な方法はありません。

境界線がアイテムの幅内に収まらない方法は本当に嫌いです。<div>境界線があっても現在の幅を尊重する方法を誰かが見ていますか？

4

1 に答える 1

4

使用する

-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;
box-sizing: border-box;

境界線の幅がボックス内に追加されます。

これは、100x100のサイズと20pxの境界線を持つ2つのdivの例です。最初のものには「box-sizing」があり、2番目のものにはありません：http：//jsfiddle.net/y3zxC/。

于 2012-05-04T20:11:24.853 に答える