为什么不&< textarea>和<输入>元素尊重最大宽度? [英] Why don't <textarea> and <input> elements respect max-width?
本文介绍了为什么不&< textarea>和<输入>元素尊重最大宽度?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
以下HTML:
The following HTML:
<!DOCTYPE html>
<style>
span,textarea,div {
border: 1px solid black;
max-width: 300px;
height: 20px;
}
</style>
<div></div><br>
<textarea></textarea><br>
<input type=text><br>
在Chrome和FF中呈现以下内容。
Renders the following in Chrome and FF.
为什么选择isn' t < textarea>
和< input>
与 div>
?
Why isn't the <textarea>
and the <input>
as wide as the <div>
?
推荐答案
大多数浏览器都尊重 max-width
,但 INPUT
和 TEXTAREA
元素通常在用户代理CSS中默认设置一个宽度。您可以添加此CSS以进行一致的呈现:
Most browsers respect max-width
, but INPUT
and TEXTAREA
elements typically have a width set by default in the user agent CSS. You can add this CSS for a consistent rendering:
input,textarea{width:100%;display:block}
这篇关于为什么不&< textarea>和<输入>元素尊重最大宽度?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文