ul, li 태그들이 1행으로 나열된 이유?
본문
영카트 우측 상단의 빨간박스 말입니다
소스를 보면
<ul>과 <li> 태그로 되어있는데.. 어째서 평행하게 일행으로 나열되어있는지?
css에서 무슨 속성? 때문에 이럴수 있습니까?
답변 3
default_shop.css파일의 55번줄에 보면
#tnb li {float:left}
부분이 있습니다. 여기에서 float:left로 지정해서 가로 한줄로 나타낸 것입니다.
float:left는 레이아웃을 좌측으로 이동하는 용도도 사용이 되지만
리스트 형태의 block을 inline형태로 변경할때도 사용이 됩니다.
주로 메뉴 제작시 리스트 형태를 가로로 구성할 때 많이 이용됩니다.
감사합니다^^
li{float:left}
답변 감사합니다.^^
ul { display: inline; }
li { display: table-cell; }
답변 감사합니다^^
답변을 작성하시기 전에 로그인 해주세요.
