CSS input宽度设置
input宽度设置
CSS中,可以通过width属性来设置表单中输入框input的宽度,可选的属性值如下:
值 | 描述 |
---|---|
百分比 | 单位为%,长度是相对于父元素的宽度和高度的百分比,一般用于自适应页面的设计 |
length | 长度值,单位可以是px、cm等 |
auto | 默认值,让浏览器自动计算高度和宽度 |
inherit | 从父元素继承宽度和高度的属性 |
initial | 将高度和宽度设置为默认值 |
input宽度设置实例代码,及在线编辑器
<input type='text' id='i1'><br><br>
<input type='password' id='i2'>
<style>
#i1{width:100%}
#i2{width:50%}
</style>