HTML – 为什么不和元素尊重max-width?

HTML – 为什么不和元素尊重max-width?,第1张

概述以下 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> 在Ch 以下 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中呈现以下内容.

为什么不是< textarea>和<输入>与< div>一样宽

解决方法 大多数浏览器都遵循max-wIDth,但input和TEXTAREA元素通常在用户代理CSS中默认设置宽度.您可以添加此CSS以获得一致的渲染:

input,textarea{wIDth:100%;display:block}
总结

以上是内存溢出为你收集整理的HTML – 为什么不和元素尊重max-width?全部内容,希望文章能够帮你解决HTML – 为什么不和元素尊重max-width?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1067968.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存