input、textarea、submit 宽度设置为100%,但显示宽度不一致,怎么办?
网友回复
样式表增加一个属性
*{box-sizing 属性允许你以某种方式定义某些元素,以适应指定区域。
box-sizing: border-box;
}
例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中。
值 | 说明 |
---|---|
content-box | 这是 CSS2.1 指定的宽度和高度的行为。指定元素的宽度和高度(最小/最大属性)适用于box的宽度和高度。元素的填充和边框布局和绘制指定宽度和高度除外 |
border-box | 指定宽度和高度(最小/最大属性)确定元素边框。也就是说,对元素指定宽度和高度包括了 padding 和 border 。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 |
inherit | 指定 box-sizing 属性的值,应该从父元素继承 |
- 如何使用Grafana搭建一个监控仪表盘系统?
- 如何使用chatgpt直接调用midjourney或dall-2的api生成图片?
- 如何通过文字来识别用户需要绘画?
- 抖音字节小程序的虚拟商品订单如何使用php进行同步?
- 如何对html静态网站页面的html、css、js代码进行加密混淆?
- colorui radio标签为啥在小程序中会错位失效?
- mysql数据库被勒索病毒删除,如何通过mysqlbinlog恢复数据库?
- win10电脑的显存多少如何查看?
- 有没有类似chatgpt的开源中文对话聊天机器人模型?
- uniapp、小程序、h5的page页面onload方法如何在onLaunch执行完后再触发?