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

Question

我有一个与它后面的图像的链接，图像应该居中。我需要定位链接和图像，使它们位于水平中心，但向左偏移若干像素。

我有一个固定宽度的页面居中的网站，这些链接必须位于同一位置，无论屏幕分辨率如何。

这里是一个ASCII绘制帮忙解释一下我的意思是：

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

的中心部分是在网站。

<>是一个链接，它后面的图像（通过CSS）。

该网站的固定宽度在中心，就像上面一样。我如何定位上面的链接和图片元素？

的联系都应该是这样的：

与文本为中心的垂直和水平。

感谢您的帮助！

Answer 1

您可以使用dead centre技术做你想做的。如果您查看源代码，您会发现可以使用<div id="content">根据需要使用偏移量定位链接。

在这个例子中，它们在页面的垂直中心位置#content通过给它一个等于其宽度一半的负左边距。你只需要利用这个负的左边界值来获得你正在寻找的偏移量。