Question

我想显示两个按钮，FB和Twitter，并排水平对齐，但是它们之间的空间太大。我应该如何保持两个按钮之间的距离最小？这是网站（HELLO WORD下的FB和Twitter按钮）http://blog.michelleaneous.com

这是我目前的css代码：

.content_area2 .share{

display:inline; 
width:170px;

}

.content_area2 .share ul {

}

.content_area2 .share ul li {

float:left;
display:inline; 
margin-left: 300px;

}

Answer 1

“.conent_area2 .share ul li”上有“margin-left：300” - 这就是它们之间的距离。你能发一个你想要它的模拟（png），我会给你HTML吗？

我的猜测是，你打算把保证金留在“.content_area2 .share ul”上。

如果您想将对象置于CSS中心，则应使用{ margin-left:auto; margin-right:auto }

整个CSS如下：

.content_area2 .share {
   width:200px;
   margin-left:auto;
   margin-right:auto;
}
.content_area2 .share ul li {
  float:left;
}

有效。

Here is my working copy online

Answer 2

使用这些样式。调整边距以设置距离。例如：2ex或10px。在每一边。

.content_area2 .share {
  display: inherit;
  width: inherit;
  text-align: center;
}
.content_area2 .share ul li {
  float: inherit!important;
  margin: 0 1ex!important;
}

如何设置水平排序按钮之间的距离

2 个答案: