CSS -

2010-12-11 5 views
0

내가이CSS -

-------------------- 
|  |   | 
| 1 | 2 | 
|  |   | 
| 3 | 4 | 
|  |   | 
| 5 | 6 | 
|  |   | 
-------------------- 

이 목록의

컨테이너 (이 간단한 <ul><li>와 년대의)과 같은 목록을 가지고, 이제 div.wrap를 호출하자이 열 목록의 간격이있는 고정 너비는 400 픽셀이며 목록 항목은 너비가 50% 인 왼쪽으로 플로팅됩니다.

레이아웃을 망치지 않고 왼쪽 및 오른쪽 목록 항목 사이에 10 픽셀 간격을 어떻게 추가 할 수 있습니까? 나는 목록 내에서 HTML 여부를 제어 할 수 없습니다 주, 그래서 나는이 목록 항목에 어떤 클래스를 추가 할 수 없습니다 :(

내가 <ul>하지만 아무튼에 <li> 년대에 margin-right: 10pxmargin-right: -10px으로 시도 't work :)

답변

2

An example with margin-right.
당신이 두 번째 마진을 숨기려면

편집, 당신은 랩 및 숨기기 오버 플로우보다 조금 더 큰 ul을 할 수 있습니다 : 정말 우아하지만, 아주 간단하지
http://jsfiddle.net/YBy2K/3/

합니다.

+0

예.하지만 두 번째 열에도 여백이 추가됩니다. 그게 내가 피하려고하는 이유입니다. – Alex

+0

또한 li 항목 너비가 고정되어 있어도 컨테이너 너비가 변경 될 수 있기 때문에 너비가 백분율이어야합니다. – Alex

+0

좋아, 다시 해봅시다. –