정렬 할 수있는 가장 좋은 방법으로 정렬되지 않은 가로 목록

Question

목록을 가로로 만들고 기본 글 머리 기호를 숨기려면 <li> 태그에 {display:inline} 및 {float:left}을 지정해야합니다.

<ul> 
<li><a href="#">First item</a></li> 
<li><a href="#">item 2</a></li> 
<li><a href="#">item 3</a></li> 
<li><a href="#">item 4</a></li> 
<li><a href="#">Last item</a></li> 
</ul> 

크로스 브라우저 (IE6 및 FF2 포함)를 만드는 방법, 가장 좋은 방법은 총알없는 픽셀 완벽한 가로 목록?

가장 좋은 방법은 무엇입니까?

ul {} 
li {} 
a {} 

Answer 1

아니요, 하나만 있으면 충분합니다. 원한다면 inline-block을 사용할 수도 있지만, FF2에서는 그다지 잘 지원하지 않습니다. 총알을 숨기기하는 것은 list-style:none;

이루어집니다 당신은 설정 간단한 테스트는 신속하게 다음을 확인 수 :

#one, #two, #three { list-style:none } 
#one li   { float:left } 
#two li   { display:inline } 
#three li   { display:inline-block } 

<ul id="one"> 
    <li>Float left</li> 
    <li>In this example</li> 
</ul> 
<div style="clear:both"></div> 
<ul id="two"> 
    <li>Display inline</li> 
    <li>In this example</li> 
</ul> 
<div style="clear:both"></div> 
<ul id="three"> 
    <li>Inline-block</li> 
    <li>In this example</li> 
</ul> 

가 렌더링하는 방법을 참조하십시오 : http://jsbin.com/opiqu3/

Answer 2

display:inline가 필요하지 않습니다하지만 float:left이다 그것을 수평으로 만들고 기본 총알을 숨기는 것에 대해 말한 것처럼 list-style:none도 필요합니다.