css 크로스 브 라 우 저 구현 float:center

4.567913.우 리 는 li 가 유동 적 이 고 중간(li 개 수 는 고정 되 지 않 고 l 폭 은 알 수 없 음)을 실현 하고 싶 습 니 다.얼 의 text-align:center 를 설정 하고 li 의 display 를 설정 하면 가운데 에 있 을 수 있 습 니 다.그러나 이것 은 우리 의 취지 가 아 닙 니 다.우 리 는 float:center 를 실현 해 야 합 니 다.여기 서 우 리 는 먼저 position:relative 를 다시 복습 해 야 합 니 다.이것 은 left,right,top,bottom 등 속성 에 따라 정상 적 인 문서 흐름 에서 위 치 를 이동 합 니 다.그럼 우 리 는 얼 을 position:relative 로 만 들 수 있 습 니 다.left:50%,그리고 li 를 왼쪽으로 움 직 이게 하고 position:relative;right:50%(또는 left:-50%),그러면 li 는 중간 으로 움 직 이 는 것 처럼 가운데 에 있 습 니 다.잔말 말고 먼저 해 봐.

<div id="macji"> 
<ul class="macji-skin"> 
<li>   </li> 
<li>   </li> 
<li>   </li> 
</ul> 
</div>