2013-10-11 82 views
0

我有這個問題。Css選項寬度錯誤

CSS:

select {width:500px;} 
option {width: 500px;} 

enter image description here

的問題始終存在選項白色奧妙空間(請參見圖片)。

我該如何解決這個問題,請幫幫我。

+0

爲什麼要給'option'一寬度嗎? – putvande

+0

哪個瀏覽器? –

+0

@putvande如果我不加寬度的選項,選項的寬度將等於它的內容並打破我的風格 deekey:chrome/firefox具有相同的視圖 –

回答

0

你不添加CSS規則option,只需使用select{ width: 500px; }

+0

如果我不加寬度選項,選項的寬度將等於它的內容並打破我的風格 –

0

像這樣

demo

CSS

select, option { 
    width:500px; white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ 
white-space: -pre-wrap;  /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
white-space: pre-wrap;  /* css-3 */ 
word-wrap: break-word;  /* Internet Explorer 5.5+ */ 
word-break: break-all; 
white-space: normal; 

}