기초 질문이여
샤르
질문하나 드립니다.
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
list-style:none;
background: transparent;
}
이렇게 기본 테그들을 해놓았습니다.
그리고 아래를 적용하려고
.tit P {display:inline;list-style:none;}
div class=tit
P이미지/PP이미지/PP이미지/P
/div
위에서첨 엔터없이 한줄로 처리할때는 이미지 세장이 가로로 잘 위치 합니다.
근데
div class=tit
P이미지/P
P이미지/P
P이미지/P
/div
이렇게 엔터를 주면 이미지가 세로로 정렬이 됩니다.
기본 테그에 뭘 넣어야 엔터가 들어가도 가로로 처리 되나요?
-
찬바리
그런거 같네요.
지금 해보고선 알았답니다. -
다힘
html코드상에서 엔터와 스페이스바는 랜더링시 차이가 없습니다.
둘 다 똑같이 공백 한 칸으로 취급됩니다. (1번을 치든 100번을 치든)
그래서 마크업상에서 엔터를 썼다고 inline요소가 블럭요소처럼 줄바꿈 하지는 않습니다.
아마도 엔터로 인한 공백에 의해 이미지 사이즈가 부모요소 넓이보다 넘쳐서
아래로 줄바꿈한게 아닐까 생각되네요. -
Aileen
li 테스트 하다가 넣은건데 지웠습니다.
-
찬
그리고 p테그에 왜 list-style 을 넣으신거죠 `ㅡ`;
지워도 무방할듯 한데 .. 그건
li 에나 쓰는거에요 .. -
한국녀
그렇게 하니깐 되네여.
하드코딩은 알면알수록 진짜 방법이 많은거 같아요.
감사합니다. -
헛나발
아래 div에 clear:both 주시면 될것 같네요.
아니면 p태그들을 포함한 div의 css로 .tit:after {display:block; clear:both; content:\\}를 주셔도 될꺼예요. -
배꽃
감사합니다.
그런데
float:left 주게되면
아래 개체 DIV 도 오른쪽오로 정렬이 되던데
여기에 따른 방법이 있는건가요? -
이플
style을 float:left로 처리하면 됩니다~