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

我想显示两个按钮，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李{

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

}

来源

2012-08-10 Michelleaneous

你好，希望我的回答帮你就够了。你可以给我一张你想要的页面外观的图像，并将它切片给你。 – 2012-08-10 14:38:57

这就是我想要做的：http://img254.imageshack.us/img254/2601/webdevinquiry01.jpg – Michelleaneous 2012-08-10 15:02:04

“.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

来源

2012-08-10 14:32:25

http://img254.imageshack.us/img254/2601/webdevinquiry01.jpg – Michelleaneous 2012-08-10 15:12:51

这不是我的意思 - 任何方式我的答案仍然有效..我会编辑我的答案，包括整个CSS和在线工作副本的链接，以满足您的需求。 – 2012-08-10 21:00:23

它像魔术一样工作！万分感谢。我会继续定心CSS代码记... (^_^) – Michelleaneous 2012-08-11 00:16:08

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

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

来源

2012-08-10 15:00:50 Jay

嗨！我试过这个，它把按钮放在中间，但它们并不是并排的......我希望它们在一行中（水平对齐）这是上面的代码应用后的结果：http ：//img835.imageshack.us/img835/3613/webdevinquiry02.jpg – Michelleaneous 2012-08-10 15:06:39

确保上面的样式替换旧的样式或将它们放在CSS的最后。如果你想在它们之间保持零距离，将上面的边距改为'margin：0！important'。如果仍然不够接近，请使用'margin：0 -1px！important'。进一步减少，例如：'margin：0-2px！important'，'margin：0-3px！important'等等。（如果太多，它们可能会重叠） – Jay 2012-08-10 16:26:42

我强烈反对在CSS中的任何位置使用'！important'。我发现'！important'确实必要的唯一情况就是当你将自己的HTML嵌入别人的网站时。 – 2012-08-10 20:47:39

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

回答

相关问题