使用CSS來定位一個元素在中心，但有一個偏移量

Question

我有一個與它後面的圖像的鏈接，圖像應該居中。我需要定位鏈接和圖像，使它們位於水平中心，但向左偏移若干像素。

我有一個固定寬度的頁面居中的網站，這些鏈接必須位於同一位置，無論屏幕分辨率如何。

這裏是一個ASCII繪製幫忙解釋一下我的意思是：

___________________________________ 
|   |   |   | 
|   |   |   | 
|   |   |   | 
|   |<>   |   | 
|   |<>   |   | 
|   |<>   |   | 
|   |   |   | 
|   |   |   | 
|   |   |   | 
|___________|___________|___________| 

的中心部分是在網站。

<>是一個鏈接，它後面的圖像（通過CSS）。

該網站的固定寬度在中心，就像上面一樣。我如何定位上面的鏈接和圖片元素？

的聯繫都應該是這樣的：

與文本爲中心的垂直和水平。

感謝您的幫助！

Answer 1

您可以使用dead centre技術做你想做的。如果您查看源代碼，您會發現可以使用<div id="content">根據需要使用偏移量定位鏈接。

在這個例子中，它們在頁面的垂直中心位置#content通過給它一個等於其寬度一半的負左邊距。你只需要利用這個負的左邊界值來獲得你正在尋找的偏移量。