如何Horizo​​ntially中心有一個DIV自動寬度

Question

我怎樣才能得到這樣的事情有自動寬度（以獲得大/小基於什麼在它）：

<div id="example"><div id="foo">BlahBlah</div></div> 

http://jsfiddle.net/PvfFy/901/

我嘗試了各種解決方案，而且他們似乎都沒有工作。

那麼我怎樣才能讓#example居中自動寬度？

Answer 1

嘗試給出百分比的寬度。 width:80%;

Answer 2

請試試這個代碼，看看它是否是你在找什麼

#example 
{ 
min-width: 100vw; 
height: 20vh; 
font-family: 'Open Sans'; 
color: #869194; 
position: relative; 
margin: auto; 
box-sizing: border-box; 
background-color: blue; 
text-align: center; 
padding: 2vh 
} 

#foo { 
height: 100%; 
width: auto; 
margin: 1em auto; 
} 

http://jsfiddle.net/PvfFy/909/

Answer 3

#example { 
    max-width: 100%; 
    margin: 0 auto; 
}