css - 使用 css 将元素定位在中心但有偏移

Question

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

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

这是一张有助于解释我的意思的 ascii 图:

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

中心部分是站点所在的位置。

<>是一个链接，后面有一个图像(通过 css)。

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

链接应该是这样的:

 ______________
<_____Text_____>

文本垂直和水平居中。

感谢您的帮助!

Answer 1

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

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