0 
.mainCoverWrapper {
    position: relative; 
    min-width:312px; 
    background:red
}

を中央に配置し、動的コンテンツに応じて拡張させながら、中央divに配置しようとしています。フロートが必要なため、現在はまったく機能しません。ページの中央に div が必要なため、フロートは使用できません。min-width312pxmin-with

言い換えるdivと、 は幅の margin auto で始まり、312px中央に配置されている間に追加されたコンテンツで拡張されます。これは可能ですか？

どんな助けでも大歓迎です。

4

2 に答える 2

0

display: inline-block;幅を流動的にしたい場合は、中央に配置する要素とtext-align: center;親要素に設定するのが最善の策です。

参照: CSS センター ディスプレイ インライン ブロック?

于 2013-03-29T02:25:02.007 に答える
0

http://jsfiddle.net/FVmvA/

これは、親が子の幅に従う実際の例です。子は、指定されたテキストに従って拡張されます。

.myCoverWrapper {
    border: 1px solid Peru;
    margin:auto;
    min-width: 200px;
    max-width: 100%;
    display: inline-block;
    background: red;
}

.test {
    height: 100px;
    margin: 10px;
    background: cyan;
}

これにより、親 div が子の幅に従います。

ただし、これにより、「中央」にすることができなくなります。両方持つなんてありえない。これは、要素の幅を知らずに画像を中央に配置できないためです。

解決策は、jQuery を使用して、必要に応じて CSS を追加することです。

これが例です。いくつかのバグがありますが、まあ、あなたは一般的な考えを持っています.

于 2013-03-29T02:48:07.353 に答える