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 打赏 评论

报告相同问题？

提交

相关推荐 更多相似问题