채택완료

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

2015-03-19 (목) 14:08:28 6,196

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

소스를 보면 

<ul>과 <li> 태그로 되어있는데.. 어째서 평행하게 일행으로 나열되어있는지?

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

1e0fe010e3bb179c759f5bdd01d755b3_1426741632_1355.jpg
 

|

답변 3개 / 댓글 3개

채택된 답변
+20 포인트

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

Copy
#tnb li {float:left}

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

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

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

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

답변에 대한 댓글 1개

2015-03-19 (목) 16:41:50
감사합니다^^

ul { display: inline; }

li { display: table-cell; } 

답변에 대한 댓글 1개

2015-03-19 (목) 16:42:14
답변 감사합니다^^

li{float:left}

답변에 대한 댓글 1개

2015-03-19 (목) 16:42:06
답변 감사합니다.^^

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