테스트 사이트 - 개발 중인 베타 버전입니다

ul, li 태그들이 1행으로 나열된 이유? 채택완료

멋진남자임 10년 전 조회 6,029

영카트 우측 상단의 빨간박스 말입니다

소스를 보면 

  • 태그로 되어있는데.. 어째서 평행하게 일행으로 나열되어있는지?

    css에서  무슨 속성? 때문에 이럴수 있습니까?

     

     


     

     

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
p
10년 전

default_shop.css파일의 55번줄에 보면

</p><p>#tnb li {float:left}</p><p>

부분이 있습니다. 여기에서 float:left로 지정해서 가로 한줄로 나타낸 것입니다.

float:left는 레이아웃을 좌측으로 이동하는 용도도 사용이 되지만

리스트 형태의 block을 inline형태로 변경할때도 사용이 됩니다.

주로 메뉴 제작시 리스트 형태를 가로로 구성할 때 많이 이용됩니다. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

멋진남자임
10년 전
감사합니다^^

댓글을 작성하려면 로그인이 필요합니다.

10년 전

ul { display: inline; }

li { display: table-cell; } 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

멋진남자임
10년 전
답변 감사합니다^^

댓글을 작성하려면 로그인이 필요합니다.

10년 전

li{float:left}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

멋진남자임
10년 전
답변 감사합니다.^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인