• 技术文章 >web前端 >html教程

    html怎么设置input的宽度自适应

    青灯夜游青灯夜游2021-12-10 16:20:55原创469

    在html中,可以利用width属性和“%”长度单位给input元素定义基于包含块(父元素)宽度的百分比宽度,进而设置input的宽度自适应;语法“<input style="width: 100%;" />”。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    在html中,可以利用width属性和“%”长度单位来设置input的宽度自适应。

    当width属性使用“%”长度单位时,可定义基于包含块(父元素)宽度的百分比宽度。

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    	</head>
    
    	<body>
    		<input /><br><br>
    		<input style="width: 100%;" />
    	</body>
    </html>

    1.gif

    推荐教程:《html视频教程

    以上就是html怎么设置input的宽度自适应的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html input 宽度自适应
    上一篇:html怎么设置input只能输入数字 下一篇:html下拉列表怎么做的
    PHP编程就业班

    相关文章推荐

    • html5是软件吗• html5标签details怎么用• html怎么设置边框颜色• html怎么将表格边框隐藏• html怎么设置粗体• html怎么添加字体删除线

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网