2017-03-12 76 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仍然发生变化。 –