7

の絶対値を指定せずに、各要素のスペース (または div) を均等に分割する方法はありますかwidth? CSSコードを柔軟にするためだけに。

たとえば、これらの要素を div に入れると:

<div id="parent">
    <div class="child"></div>
    <div class="child"></div>
</div>

CSSは自動的に各.child要素を提供しますwidth=50%

そして、この例では:

<div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

CSSも自動的に各.child要素を提供しますwidth=25%

出来ますか？

4

3 に答える 3

1

私が恐れているテーブルを使用し、子 div のラップを追加する必要があります。次のように実行できます。

#parent{
width: 1000px; /* Example width */
height: 100px; /* Example height */
display: table;
table-layout: fixed;
}
.childwrap {
display:table-row;
}
.child{
display: table-cell;
}

例: http://cssdesk.com/rZKRW

于 2013-04-29T18:28:39.087 に答える
-1

きっとできます。必要なパーセントの値を幅プロパティに適用するだけで、親に定義された with を必ず適用してください。以上です。

.child {
with:50%;
}

またはあなたの4人の子供のために...

.child {
 width:25%;
}

これが他の詳細の中で機能するには、先祖の幅を指定する必要があります。祖先の幅が子のコンテンツに依存する場合、計算されていない幅を持つ可能性があります。

祖先の div 自体に porcentual 値がある場合、その祖先に with などを定義する必要があります。

于 2013-04-29T18:09:13.800 に答える