weixin_43691257
2019-06-26 10:14
采纳率: 100%
浏览 7.3k

新人求问,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调了也没用。。。

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

6条回答 默认 最新

  • Guilty_笑 2019-06-26 10:18
    已采纳

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

    打赏 评论
  • 毕小宝 2019-06-26 10:20

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

    打赏 评论
  • m66678876 2019-06-26 11:13






    打赏 评论
  • 代码的灵魂是bug! 2019-06-26 11:32

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

    打赏 评论
  • 大明湖畔的人参果 2019-07-03 13:23

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

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

    打赏 评论
  • Qizhen-Yang 2020-10-06 14:36

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

    1 打赏 评论

相关推荐 更多相似问题