2014-01-25 137 views
-2

我有一個文本框,但是當用戶使框變大時,它會打破布局。如何限制文本區域大小?

我試過使用最大長度,但它仍然不起作用。

如何刪除選項以使尺寸變大?

+0

嘗試'max-width'和'max-height'來代替。 – Joeytje50

+0

我相信你正在尋找一個選項來防止用戶調整textareas的大小。單獨使用HTML是不可能的,你需要CSS:'textarea {resize:none; }'。 – Pavlo

+0

[Safari中隱藏textarea調整大小的句柄](http://stackoverflow.com/questions/588089/hiding-textarea-resize-handle-in-safari)(注意該解決方案不依賴於Safari) – j08691

回答

1

在CSS中添加:使用

或者你也可以隱藏在調整大小功能:

max-width: 200px; 

或者這樣

<textarea style="max-width: 200px;"></textarea> 

編輯

textarea { 
    resize: none; 
} 

你也可以deci de只能調整你的textarea的水平或垂直方向,這樣:

textarea { resize:vertical; } 

textarea { resize:horizontal; } 
+0

我可以隱藏角落裏的兩條小線嗎? –

+0

只需添加到textarea ** style =「resize:none;」** –

+0

這是跨瀏覽器兼容嗎? –