flex布局(2)

来源:互联网 发布:linux命令行复制文件 编辑:程序博客网 时间:2024/06/10 17:11

二、输入框布局(在做表单提交或者登录注册的时候回经常用到)

html代码如下:

<form method="post" class="form">  <input type="text" class="text">  <button class="btn">按钮</button></form>

css代码如下:

.form{
display:flex;
}
.text,btn{
flex:1;
}