2014-07-16 3 views
1

다음 화살표를 사용하여 화살표가 가운데 상자의 양쪽에 있도록하고 싶습니다. 내가 부동의 위치를 ​​변경하려고 시도하지만 이것은 작동하지 않습니다.Css, 가운데 div의 양쪽 div2를 감싸는 중

.holder { 
    margin: 15px 0; 
} 
.holder a { 
    font-size: 12px; 
    cursor: pointer; 
    margin: 0 5px; 
    color: #333; 
} 
.holder a:hover { 
    background-color: #222; 
    color: #fff; 
} 
.holder a.jp-current, a.jp-current:hover { 
    color: #FF4242; 
    font-weight: bold; 
    cursor: default; 
    background: none; 
} 
.holder span { 
    margin: 0 5px; 
} 

http://jsfiddle.net/p4LES/1/는 해당 사업부 내 CSS 규칙이다. 내 질문은 jsfiddle에있는 두 개의 화살표를 'ul'요소의 양쪽면에 표시하려면 어떻게해야합니까?

+0

Fiddle를 참조하십시오. 당신이 염두에 두었던 그림을 게시 할 수 있습니까? – esswilly

+0

'.arrowPrev, .arrowNext'클래스 정의에서 맨 위 값을 줄일 수 있습니다 (예 : 5px;). http://jsfiddle.net/p4LES/2/를 참조하십시오. – Jim

+1

@Jim Thanks! 효과가있었습니다. 답변을 게시하면 올바른 것으로 표시됩니다. – user667430

답변

1

CSS를 업데이트하고 '.arrowPrev, .arrowNext'클래스 정의의 최상위 값을 줄입니다. 예 : 상단 설정 : 5 픽셀.

.arrowPrev, .arrowNext { 
    width: 29px; 
    height: 29px; 
    position: absolute; 
    top: 5px; 
    cursor: pointer; 
    background-repeat: no-repeat; 
} 

이미 나에게 설명하는 것처럼 보인다 내가 당신 jsFiddle에서 볼

관련 문제