中心三角形

我有我想要的cemter三角形中心三角形

2012-03-20 LandY

考慮發佈您的代碼給公衆，如使用http://jsfiddle.net – 2012-03-20 12:25:33

由於某種原因，它不工作，我從谷歌btw三角形圖像。 – LandY 2012-03-20 12:30:46

'三角形2右上角重疊三角形'：你是什麼意思？你的演示中沒有任何重疊，你的三角形沒有右上角。 – 2012-03-20 12:40:19

有兩種方法可以做到這一點不說會在所有的屏幕尺寸工作表。第一種方式，那我建議你（因爲它不使用絕對位置）：

body { 
text-align:center; 
} 

#div1 { 
width: your width; 
margin:auto; 
}

...和同爲div2。第二種方法使用絕對定位，你需要知道你的div的寬度（它必須是固定的）。在您的例子是200像素，因此相應：

#div1 { 
position: absolute; 
left:50%; 
margin-left:-100px; /* half of your width */ 
}

沒有什麼在這裏添加了body。

來源

2012-03-20 12:38:50

您可以margin:0 auto;中心，但注意，寬度需要指定這個工作。（圖像通常是這種情況）。這也只是水平方向，而不是垂直方向。

你也可以用絕對位置居中，代碼應該是這樣的：

centeredelement{ 
    position:absolute; 
    top:50%; 
    left:50%; 
    height:<your-height>; 
    width:<your-width>; 
    margin-left: -<your-width>/2; 
    margin-top: -<your-height>/2; 
}

注：除非你使用HTML5和它根據文檔類型

<!DOCTYPE html>

你的IDS開始了號碼無效（你的jsfiddle）！

來源

2012-03-20 12:46:07 Christoph

首先，讓你的ID的CSS屬性不被拾起CSS的ID不能以數字開頭。其次，你已經有一個工作寬度的寬度，所以你不需要完全放置你的圖像來居中放置它們。所有您需要做的是提供的0 auto保證金自動居中他們，就像這樣：

#a, #b{ 
    margin:0 auto; 
    width:200px; 
}

Demo

來源

2012-03-20 12:52:42

我需要他們並排和右下角1重疊三角形2 – LandY 2012-03-20 13:01:47

@LandY有一個適當的容器來居中兩個圖像，你可以使用負邊界的效果，如下所示：http://jsfiddle.net/xndHu/3/..請注意，你的圖像有一個大的白色邊框，所以你看不到提示觸摸，我建議你使用透明PNG。 – 2012-03-20 13:15:47

回答

相關問題