메뉴 닫기

[CSS]뭔가 나란히 놓고 싶을때

CSS는 참 어렵다

근데 디자인이 전부인 것처럼 느껴지기도 해서 열심히 해보려고 하지만 잘안된다.

오늘 했던 고생을 기록한다

<div>

<table></table><table><table>

</div>

이렇게 있을때 div 안의 table을 수평으로 나란히 놓고 싶다.

그럴때는 display:table-cell 을 하면 되는데

CSS를 사용해서 div를 table 처럼 만들수 있다.  목적은 layout 을 위해서라는데

 

<div>

<div style=”display:table-cell”><table style=”display:inline-table”></table></div>

<div style=”display:table-cell”><table style=”display:inline-table”></table></div>

</div>

 

이렇게 하면 좀 나란히 두개의 테이블을 놓을 수 있다

흠… code를 넣는 플러그인에서 html 코드는 넣을 수 없네 그냥 텍스트로 ㄱㄱ