在开发网页时,我们经常需要让两个按钮并排展示,这就需要使用 CSS 来实现。下面是一些可以使用的方法:
.button-wrapper { display: flex; } .button { margin-right: 10px; }
首先,我们可以使用 flex
属性。将按钮的容器设置为 display: flex
,可以使里面的元素在主轴上并排排列。其次,使用 margin-right
属性给左边的按钮设置一些右外边距,这样右边的按钮就可以紧贴左边的按钮。
.button-wrapper { width: 100%; } .button { float: left; margin-right: 10px; }
首先,将按钮的容器设置为占满整个宽度。接着,利用 float: left
让左边的按钮“浮动”到左边,让右边的按钮紧贴在它的右边。最后,再使用 margin-right
属性给左边的按钮设置一些右外边距。