문자열의 오른쪽 가장자리를 CSS

이름의 페이지 중앙에서 일정 거리만큼 위치 시키십시오.하지만 페이지 중심에서 정의 된 거리를 기준으로 요소를 배치 할 수 있기를 원합니다. 그러나 측정 요소의 가운데와 오른쪽 가장자리 사이에 있어야합니다.문자열의 오른쪽 가장자리를 CSS

이 가능합니까? 내가 믿을

출처

2011-03-21 Mild Fuzz

는 '-이다 특별한 슈퍼 센터의 일종? 나는 당신이 무엇을 요구하고 있는지 알고 있지만, 사람들이 확신 할 수 있도록 빠른 이미지를 그리는 것을 고려합니다. – thirtydot

오우ops, 나쁘지. 나는 단지 부모 요소의 중심을 의미합니다. 그 여분의 아침 카페인 때문에 과도한 것이 었습니다. –

배치되는 요소에 고정 너비를 지정할 수 있습니까? 요소가 배치되는 컨텍스트는 무엇입니까? 다른 요소 위에 표시해야합니까? (여전히 그림이나 무언가를 좋아할 것입니다.) – thirtydot

당신이 원하는 것입니다 (내가 제대로 이해한다면)

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

부모 요소뿐만 아니라 위치해야합니다 (absolute 또는 relative)

데모 http://jsfiddle.net/gaby/jD443/ (수직에서 삽화를 위해 상자의 중심에 선이있다)

출처

2011-03-21 11:59:52

그러나 이것은 거리를 알고 있어야하며, 요소의 너비를 알지 못하므로 오른쪽 가장자리의 위치를 알 수 없습니다. –

@ 마일드, 아니요. 내가 언급 한 거리는 중심으로부터의 거리입니다. 당신은 요소의 오른쪽 모서리가 부모의 중심에있을 것입니다. –

나는 그것을 얻는다, 멋진 사람! –

See example of the following →

당신은 여분의 래퍼가 필요합니다,하지만 히트는 position:relative; margin:0 auto; width:1px이있는 아이 XX가 원하는 중심의 오른쪽에있는 거리 position:absolute; right:XXpx;이있는 손자와 함께 수행 할 수 있습니다. ` "를 중심 사이"

<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 →

출처

2011-03-21 12:09:44 mVChr

문자열의 오른쪽 가장자리를 CSS

답변

관련 문제