[分享]css两个按钮之间有一定距离

在编写CSS样式时，我们经常会遇到需要给两个按钮之间留出一定距离的情况。这个问题可以通过以下两种方法来解决：方法一： button + button { marginleft: 10px; /给后面的...

在编写CSS样式时，我们经常会遇到需要给两个按钮之间留出一定距离的情况。这个问题可以通过以下两种方法来解决：

方法一：
button + button {
    margin-left: 10px; /*给后面的按钮添加左侧的边距*/
} 

上述CSS代码中，我们使用了相邻兄弟选择器“+”来选取紧挨着左侧的button元素，然后给它添加了左侧的边距。这样，我们就可以在不改变HTML结构的前提下给两个按钮之间加上一定的间距。

方法二：
button:nth-child(1) {
    margin-right: 10px; /*给第一个按钮添加右侧的边距*/
} 

上述CSS代码中，我们使用了:nth-child()伪类选择器来选取第一个按钮，然后给它添加了右侧的边距。这样做的好处在于，即使在HTML结构变化的情况下，我们也可以依靠:nth-child()伪类选择器准确地选取我们想要的元素。