宽度：100％延伸到边框 - textarea

我有width:100% textarea，但我的textarea默认一直延伸到页面的边框。有没有什么办法解决这一问题？宽度：100％延伸到边框 - textarea

我试图做出这种响应，以便textarea的最大宽度为cols="100"，但如果需要它也会缩小。

textarea { 
 
    \t -webkit-box-sizing: border-box; 
 
\t -moz-box-sizing: border-box; 
 
\t box-sizing: border-box; 
 
\t width: 100%; 
 
\t resize: none; 
 
    }

<textarea cols="100" rows="10" name="savetext" id="savetext"></textarea>

来源

2015-01-03 user1561616512

请添加您improvement.What你做的，你想要什么？ – sandipon

您可以通过添加您目前拥有的相关代码来详细说明吗？ –

你应该添加代码你尝试过，或者你会被投票请快速 –

尝试使用width: 400px;（PX）代替％与我会建议使用 '阶级' 或html元素 '身份证'，而不是写作风格全球范围内为HTML元素（S）

实施例：

<style> 
.textarea{ 
width:300px; 
height: 150px; 
} 
</style> 

<textarea rows="3" cols="50" class="textarea"></textarea>

来源

2015-01-03 09:37:48

使用这个CSS

textarea { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    width: 61%; 
    resize: none; 
    }

来源

2015-01-03 10:39:32

您使用行/的情况下，CSS的cols不支持;如果您在CSS中指定宽度或高度，它们会覆盖从rows/cols派生的值。

Should I size a textarea with CSS width/height or HTML cols/rows attributes?

来源

2015-01-03 10:46:21 Michelangelo

你希望它是cols="100"，但你也希望它当视变小萎缩。

而不是width: 100%（它将覆盖cols属性），请使用max-width: 100%。 textarea的最大宽度将是其指定的列值，如果需要，它也会缩小。

textarea { 
 
    resize: none; 
 
    max-width: 100%; 
 
    box-sizing: border-box; 
 
}

<textarea cols="100"></textarea>

来源

2015-01-03 11:08:04 misterManSam

宽度：100％延伸到边框 - textarea

回答

相关问题