2017-03-12 122 views
1

我希望你能幫助我,我在初中的HTML/CSS修復textarea的高度尺寸

我有一個textarea已知的百分比值高度內未知高度的DIV時,我試圖寫在這個textarea內,它的高度得到改變。

我的問題是,如何解決textarea的高度試圖通過百分比值裏面寫

我知道,我需要首先解決的div高度利用PX爲了指定它的高度時,使textarea的高度修復。

我想這些屬性,但沒有運氣

resize: none; 
display:block; 

請注意,DIV高度是可變的,它可以作爲容器的多個文本區域,這樣我可以不爲它添加特定高度,

順便說一句,這個問題發生在所有的瀏覽器

請幫

+0

您可以指定'MAX-height'財產? –

+0

當你在'textarea'內寫入時,它的高度會改變嗎?它是我第一次聽說這個功能... –

回答

1

CSS規則resize: none;做這件工作。

您還可以設置您的textarea高度行數爲rows屬性。

textarea { 
 
    resize: none; 
 
} 
 
textarea.ta10em { 
 
    height: 10em; 
 
}
<div> 
 
    <textarea rows=3>Some text 
 
Second line 
 
Third line</textarea> 
 
</div> 
 
<div> 
 
    <textarea class="ta10em">Some text 
 
Second line</textarea> 
 
</div>

+1

感謝@vp_arth,這對我有幫助,我用em代替了%,它解決了我的問題並保持了textarea的響應 –

0

首先的。請確保您的html與您發生衝突css中沒有任何款式。

,可能會導致同樣的問題

  • 所有的textarea:

    textarea { 
    resize: none; 
    } 
    
  • textarea { 
    max-height: 100px; 
    } 
    

變 「100」 永遠你想要什麼。

或嘗試這在您的textarea:

<textarea style="resize:none"></textarea> 
+0

感謝@kakashi,感謝您的幫助我檢查了我的html和css,但是我沒有看到任何衝突,我嘗試了您的解決方案,但textarea仍然發生變化。 –