如何將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/

當我長型的東西入禁區它擴展到右邊。是否可以使框均勻展開到左側和右側？

來源

2013-07-14 user2127833

請看我編輯的答案。 –

你可以使用一個容器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; 
}

Example fiddle

來源

2013-07-14 05:22:02

你還沒有設定位置：絕對;和頂部，左值可以通過設置這些嗎？ –

+1但我有一個問題。爲什麼文本對齊？它實際上是設置div而不是文本內容的對齊方式。？ –

@ C-Link如果您想按照您在答案中提到的方式擴展兩種方式，則無法設置左側值，您可以使用margin-top設置頂部值。 –