div(또는 span) 태그 줄변경 자동으로 하기 - 질문 채택완료
홀민
7년 전
조회 2,207
div(또는 span) 태그 줄변경 자동으로 하기 - 질문
// 써넣고 제목이 보니 팁스럽네요 질문인데.. 해서 질문이라고 추가로 달았습니다.
질문은 div(또는 span) 으로 배너를 감쌀껀데요.
총 4개 정도 배너가 들어갈꺼 같습니다.
div로 하니 세로로 쭈욱 생기고
span 으로 하니 가로로 쭈욱 생기고
while 문이라서 span, div 동시에 사용할순없습니다.
그럼 2쌍씩이 생기겠죠...ㅋㅋ
2x2로 정리하고 싶은데 쿼리 손대지 않고 해결하고자합니다.
참신한 방법 부탁드립니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
sinbi
Expert
7년 전
div든, span이든 상관 없습니다.
둘다 클래스 부여 후, 레이아웃 가능합니다.
div는 50% 너비 주면 될 것 같구요.
span은 display:inline-block 주고 너비 50% 주면 되세요.
아래 좌표들 공부해 보세요.
https://homzzang.com/b/css-107 : display 속성
https://homzzang.com/b/css-105 : float 속성
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
�
홀민
7년 전
s
sinbi
7년 전
display:lnline-block 속성 주시면 너비도 인식하면서 가로로 나열 가능해요.
50%씩 주시면 됩니다.
50%씩 주시면 됩니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
같은 코드가 반복되는 중에 2x2정렬을 만들고 싶어요.
<div>
while(
<div등, <span 이든 li든..
<div등, <span 이든 li든..
<div등, <span 이든 li든..
<div등, <span 이든 li든..
<div등, <span 이든 li든..
)
</div>
이런 상태.;;