将字符串的右手边缘放置在CSS中与页面中心相距一定距离的位置

Question

名称说明了一切，但我希望能够根据与页面中心的定义距离来定位元素，但测量必须在元素的中心和右手边缘之间。

这可能吗？

Answer 1

我相信这就是你想要的（如果我理解正确）

position:absolute;
right:50%;
margin-right:-<distance_you_want>px;

父元素也应该定位（ absolute或relative ）

在http://jsfiddle.net/gaby/jD443/进行演示（框中心的垂直线，用于说明）

Answer 2

See example of the following →

你需要一个额外的包装器，但是可以用一个position:relative; margin:0 auto; width:1px的孩子和一个position:absolute; right:XXpx;的孙子来完成命中，其中XX是你想要的中心右边的距离

<div id="parent">
    <div id="child">
        <div id="kid">40px right of center ==&gt;</div>
    </div>
</div>

#parent { 
    width:400px; height:200px;
}
#child {
    margin:0 auto;
    position:relative;
    width:1px; height:200px;
}
#kid {
    text-align:right;
    position:absolute; right:-40px;
    width:180px;
}

See example →