如何将宽度为百分比的绝对定位图像居中？

Question

我有一张带有以下css的图片：

element.style {
    right: 50%;
    margin-right: -220px;
    top: 31%;
    width: 440px;
    position: absolute;
}

我需要更改它，以便宽度设置为百分比（35.4％）。我还可以将它居中并保持绝对位置吗？

Answer 1

当然，如果您想以与上述相同的方式使用35.4/2 = 17.7作为保证金（DEMO）：

element.style {
    right: 50%;
    margin-right: -17.7%;
    top: 31%;
    width: 35.4%;
    position: absolute;
}

Answer 2

您可以使用

水平居中

left:0; right:0; margin:auto;

所以如果你有一个div作为标记，css将是

div
{
    top: 31%;
    width: 38%;
    height: 100px;
    position: absolute;
    left:0;right:0;
    margin: auto;
}

<强> FIDDLE

只要您定义了宽度（以px或％ - 无关紧要），这将起作用