新人求问,HTML中怎么让两个按钮在同一行

图片说明

上面是html的代码,下面是Css的代码
.btn {
width: 138px;
height: 44px;
border-radius: px;
margin:0 auto;
background: #00B0DC;
padding: 10.5px 21px;
border-radius: 6px;
color: #e1e1e1;
}

我调margin调了也没用。。。

没看到你的html代码,一行的话丢一个行级标签里不就行了嘛,或者定位,浮动

把登录注册的两个input放在同一个div里面就行了,给div增加样式display:flex

推荐看看这个项目,普通人的配置:http://designmodo.github.io/Flat-UI/
普通的登录页面样式弄一份看看。
核心就是使用 float 。

input标签默认是行内块,但是在非浮动或弹性布局以及宽度也足够的情况下,你就需要看下display属性值来调试!
ps:
在非浮动状态或弹性布局情况下下,如果宽度够但是元素之间依然换行,那表示这个元素就是个块元素或者它外面的父级是块元素,也就是display: block;

若想在足够宽度中两个元素在一行,那就只能设置display: inline|inline-block,也就是行内元素|行内块,其中,inline不能设置宽高和上下margin, 而inline-block可以设置。






button{display: inline-block; margin: auto 12px auto 12px; }