如何設置按鍵之間的距離排序水平

我想顯示兩個按鈕，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

如何設置按鍵之間的距離排序水平

回答

相關問題