如何從寬度角度控制textarea的擴展

CSS如何從寬度角度控制textarea的擴展

#editpro{ 
background:#CEEBFB; 
margin-left:30px; 
margin-right:500px; 
text-align:center; 
color:#3687cc; 
font-size:20px; 
border:2px ridge #3687cc; 
border-radius:15px; 
width:350px; 
}

HTML

<div id="editpro"> 
    <form> 
    <label for="username">Username </label> 
    <input type="text" id="username" name="username"/><br /><br /> 
    <label for="password1">Password </label> 
    <input type="password" id="password1" name="password1" /><br /><br /> 
    <textarea id="myTextarea" style="width:320px"></textarea> 
    <input type="submit" value="submit"/> 
    </form> 
    </div>

這是我的網頁，在高度上每當我試圖擴大textarea的，我不要面對任何問題，但是當我嘗試在寬度方向上拉伸時，它會溢出div editpro。

如何控制這種可擴展性，因爲寬度規範看起來並不能控制其溢出。

來源

2011-11-15 Robbie Dc

這是你的問題的答案http://stackoverflow.com/questions/5271782/how-to-disable-the-resize-grabber-of-an-html-textarea – fliptheweb

非常感謝很多朋友..我怎麼接受這個答案？ :) –

要禁用文本區域的重相當大的功能，使用

textarea {resize:none} /* completely disable resize */ 
textarea {resize:vertical} /* disable horizontal resize */ 
textarea {resize:horizontal} /* disable vertical resize */

參見：http://dev.l-c-n.com/form-controls/resize_textarea.html

請記住，但是，這可能是惱人的用戶。文本區域的大小調整現在是UI的一部分，例如滾動條或縮放文本。通過擊敗用戶界面的這一方面，您已經從用戶身上取得了一些控制權，這可能令人沮喪。考慮是否有必要 - 畢竟，如果用戶調整大小框的大小會打亂您的佈局或看起來很有趣，他們不會對您不利 - 他們知道他們已經在頁面上做了一些事情，不會混淆。

來源

2011-11-15 16:24:25

yeah..thanx..its實際設置resize屬性爲垂直 –

如何從寬度角度控制textarea的擴展

回答

相關問題