2012-08-27 5 views
0

나는 이전 컨트롤, 시작/끝 슬라이딩, 다음에 div가있는 div가있는 슬라이더가 있습니다.왼쪽에서 오른쪽으로 정렬 된 CSS 3 개의 인라인 요소, 사용 가능한 모든 너비를 차지하는 방법

"텍스트 맞춤"을 각각 왼쪽, 가운데 및 오른쪽으로 설정하고 "인라인"으로 표시합니다. 나는 전체 너비를 채우는 방법을 모른다.

<div id="external_promo_controls"> 
    <div id="promo_previous"></div> 
    <div id="promo_auto_controls"></div> 
    <div id="promo_next"></div> 
</div> 

그리고 CSS : 여기

마크 업이다 내가이이 요소를 부동 할 수 있었던 것 같아요

#external_promo_controls div{ 
    display: inline; 
} 
#promo_previous {text-align: left;} 
#promo_auto_controls {text-align: center;} 
#promo_next {text-align: right;} 

그러나 나는 올바른 조합을 시도 꽤 혼란을 얻었다 요소가 한 줄에 있고 가운데에 요소가 가운데에 배치되어 있습니다. 그것이 텍스트, 글꼴 또는 크기 또는 컨테이너, 결국 발생할 모든 이벤트를 변경하자마자 깨뜨릴 것이기 때문에 요소를 픽셀 값으로 배치하는 것을 피하고 싶습니다.

+0

세 개의 하위 div는 모두 같은 크기 여야합니까? –

답변

3

간단 수레를 사용하는 -이 바이올린은 오른쪽 경로에 당신을 설정해야합니다

http://jsfiddle.net/Q4paq/

새로운 예제 된 DIV는 호버 상태 링크를 containg와 함께.

http://jsfiddle.net/Q4paq/1/

+0

위대한, 아무것도 추가하지만 감사합니다 :) – DavidTonarini

+0

@DavidTonarini - 걱정 마. –

+0

실제로 문제가 있음을 알게되었습니다. 요소 위로 마우스를 가져 가면 인식되지 않습니다. 그게 어떻게 가능할 수 있는지 아십니까? 전혀 그런 일이 일어나지 않았다. – DavidTonarini

0

시도해보십시오. 100 픽셀 및 마진과 패딩 : 나는 세 가지 내부 div의 작동 여부를하지만 생각됩니다 모르겠습니다 100px 각각의 폭은 다음

outerDiv 더 마진과 패딩

innerDiv 폭이 300 픽셀로 폭을 지정할 수있다 0px 및 float : 왼쪽.

여백과 패딩을 지정하려면 세 innerDiv의 width + padding + margin + border * 3의 합계가 외부 div의 너비 여야합니다.

관련 문제