2015-12-13 42 views
2

對不起,也許是一個新手問題,但我還沒有在網上找到答案。限制一個textarea

我有textarea。我想讓它可調整大小,但我希望它在開始時打開頁面時具有特定的大小。這個尺寸應該是textarea的最小尺寸。另外,我希望它在展開時具有最大尺寸,但是窗口和高度都應該可以調整大小。

例如:textarea的大小應該是最小的H:300px和W:300px。它應該可以調整到最大H:600px和W:700px。謝謝。

回答

2

這個CSS添加到textarea的:

textarea { 
    min-height:300px; 
    min-width: 300px; 
    max-height: 600px; 
    max-width: 700px; 
} 

應該這樣做!

+1

非常感謝! – Max

+0

完全沒問題:-) –

2

下面是一個演示示例! :)

https://jsfiddle.net/e344c5f1/5/

textarea { 
    /* Define your minimum size here */ 
    min-height:300px; 
    min-width: 300px; 

    /* Define your maximum size here */ 
    max-height: 600px; 
    max-width: 700px; 
} 

不要忘記設置溢出爲包含元素,以避免隱藏或重疊,這取決於你想要什麼(檢查是否有隱藏的一個例子小提琴)。

+1

非常感謝! – Max

+0

很高興能幫到你! –