display:inline , float:left 가로정렬 궁금합니다.
나슬
안녕하세요!
액션스크립트으로 먹고 살다가 html, css하려니까 모르는게 너무 많아요 ㅜ
리스트를 가로로 정렬하는데 있어서 궁금한게 있는데요..
ul
lia href= target=_selfCover/a/li
lia href= target=_selfAbout the Author/a/li
lia href= target=_selfAbout the Books/a/li
lia href= target=_selfAbout the Site/a/li
/ulli { display:inline; }
li { float:left; }
float:left는 리스트 타입에 기본 불릿이 나오고
display:inline; 에는 list-style:none; 을 한것처럼 불릿이 없습니다.
왜그런지 모르겠어요; 그럼 리스트를 인라인 형식으로 보여지게 할때는 display:inline; 을 쓰는게 맞을까요.. 아님 float:left를 쓰는게 맞는건가요..?
-
목화
감사합니다!
-
갤원
아마도.. 인라인 요소의 중에 span요소 알고 계시죠?
그걸 예로 보면 이해 할 수 있을것 같은데... 음.. 딱딱 붙어서 오로지 글자만 나오죠.. -
Orange
넹 ㅋ 감사합니다 ㅋ 근데 그 부분은 알고 있습니다. 단지..display:inline; 을 쓰면 왜 리스트에 기본으로 붙는 불릿이 안나오나...어디갔나;; 그게 궁금해서요;; 그리고 float을 사용하는것이 틀린 방법인지요..?
-
김슬픔
float으로 정렬하시면 block요소로 되구요
inline 으로 정렬하시면 말그대로 인라인요소..
인라인 요소는 margin과 padding이 먹히질 않는데 padding은 좌우로는 먹힘;;
이런속성들을 이해하고 상황에 맞게 쓰시면 될 것 같아요.
추가로 inline을 block으로 쓰실려면 display:inline-block; IE에서는 핵을 써야 됩니다.