2009-12-31 3 views
0

ive에 4 개의 링크가 있습니다. 나는 그들 모두를 같은 줄에 서기를 원한다. 가운데 2 명, 오른쪽 2 명. ive는 그들에게 2와 2를 감쌌다. 그러나 나는 그것이 작동하는 것을 기울인다.div는 가운데에있는 div 옆에 오른쪽으로 띄웁니까?

#links_center { 

} 
#links_right { 
    float: right; 

} 

를하지만 작품을 나던 :

내 CSS는 다음과 같습니다. 오른쪽 링크는 처음 두 링크 아래 있습니다. 누군가 나를 도와 줄 수 있니?

+1

전체 HTML 및 CSS 코드 게시 –

+1

일부 HTML 코드는 도움이 될 것입니다 :-) – Flatlin3

답변

0

귀하의 링크가 고정 너비 컨테이너에 있다고 가정 할 때 한 가지 방법이 있습니다. 이것이 유일한 방법은 아니라는 것을 염두에 당신을 위해 작동 할 수 있습니다 그냥 빨리 해결책을 유지하십시오 #links_right 세트가 소스 코드에 설정 전에 #links_center이 오면

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
     <title>Links Test</title> 

     <style type="text/css"> 
      #links_center { 
       float: left; 
       width: 600px; 
      } 

      #links_right { 

      } 
     </style> 
    </head> 
    <body> 
     <div style="width: 800px"> 
      <div id="links_center"> 
       <a href="#">Link 1</a> 
       <a href="#">Link 2</a> 
      </div> 

      <div id="links_right"> 
       <a href="#">Link 3</a> 
       <a href="#">Link 4</a> 
      </div> 
     </div> 
    </body> 
</html> 
0

float:right 만 작동합니다. 소스 코드를 재정렬하거나 가운데 세트에 float:left을 사용하고 패딩/여백을 사용하여 원하는 위치에 배치하십시오.

+0

나는 역순으로 배치하고 동일한 행에 있지만 센터 링크가 센터에 없다는 것이 문제입니다. 중심선에서 왼쪽. 내가 어떻게 "= 쉬운 방법 – ajsie

0

CSS를 가로 지르는 데 충분한 너비가 아닌 것처럼 들릴 수도 있기 때문에 CSS에 결정된 너비가 도움이 될 수 있습니다. 대신에 왼쪽으로 떠 다녀보십시오. 또 다른 옵션은 테이블을 만드는 것입니다.

+0

링크 한 링크 두 링크 세 얼마나 큰 거래의 이러한 링크의 t에 따라 링크 네

+0

을 엎드려서, 테이블은 좋은 빠른 선택일지도 모른다. 주요 구조체에 사용하지 않으면 깨끗한 옵션입니다. 여전히 CSS로 할 수 있다면, 대부분 "깨끗한" – johnnietheblack

관련 문제