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>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.