2011-07-14 131 views
13

我把一個空的內容div放入表中的td標籤中。它顯示div中只有一行。如果我設置div的高度,當我輸入的內容多於高度時,它仍然保持原來的大小。如何在內容需要消耗div中更多空間時添加垂直滾動條?謝謝。有沒有辦法爲div設置垂直滾動條?

+0

+1過去一直存在 - 所以現在我們受益。 – bonCodigo

回答

20

自動顯示滾動條時,內容大於高度和寬度是這樣的:

<div style="overflow:auto;"></div> 

OR

顯示滾動條在所有時間是這樣的:

<div style="overflow:scroll;"></div> 

下面是一些CSS溢出屬性參考:

overflow

overflow-x

overflow-y

+0

'overflow-y'就是我之後的東西:D(雖然我得到了驗證警告:'驗證CSS2.11:overflow -y不是已知的CSS屬性')我確定我的版本是3.0還未...你怎麼看? – bonCodigo

+0

@bonCodigo .... overflow-y當然是一個CSS 3.0特性。也許你使用的測試工具只是對CSS 2進行驗證 –

0

只有垂直滾動

<div style="overflow-y:auto;"></div> 
0

在CSS中做到這一點

div {overflow: scroll} 

編輯:與所有的內聯STYL什麼es guys :-(

12

使用overflowoverflow-yauto | hidden | scroll | visible

<div style="max-height:100px; overflow-y:auto"> ... </div> 

<div style="max-height:100px; overflow-y:scroll"> ... </div> 

注:因爲CSS2overflow支持,但overflow-y - CSS3,歌劇9.6,Safari 3.1中

0

如果你想垂直滾動條則

<div style="overflow-y:auto;overflow-x:hidden"></div> 
相關問題