1

最小幅と最大幅の div があります。

CSS

#box{
    position: absolute;
    top: 50px;
    left: 100px;
    min-width: 180px;
    max-width: 320px;
    height: 180px;
    border: 1px solid black;
    overflow: hidden;
}

http://jsfiddle.net/5QdFS/

ボックスに長いものを入力すると、右に拡張されます。ボックスを左右均等に広げることはできますか？

4

2 に答える 2

4

text-align:center;次のようにコンテナを使用できます。

HTML

<div class="container">
    <div id="photo"></div>
</div>

CSS

.container{
    text-align: center;    
}
#photo{
    min-width: 180px;
    max-width: 320px;
    height: 180px;
    border: 1px solid black;
    display: inline-block;
    text-align: left;
    margin-top: 50px;
}

フィドルの例

于 2013-07-14T05:22:02.197 に答える
2

左の値を 100 ピクセルに設定したため、左右に均等に拡張できませんでした。

編集

絶対位置が必要ない場合は、div にmargin: 0 auto;andを設定することでこれを行うことができます。display: table;

デモ

于 2013-07-14T05:10:44.173 に答える