float:left 속성 center정렬하기
재미
.box {width:300px;margin:0 auto;} //보통 센터를 할때 넓이값과 margin auto를 같이 써주죠. (넓이가 고정일때 가능)
.num1, .num2, .num3 {float:left;}
div class=box
div class=num1123/div
div class=num2456/div
div class=num3345/div
/div
허나 제가 구현할것은 num1~num3에 들어가는 컨텐츠가가변적이라는거죠. box가 300이 될수도 있고 116이 될수도 있고 400될수도 있는 상황인거죠..즉 넓이값을 줄수가 없는상황인데.. . 어떤 방법이 있을까요?
absolute로도 해봤는데 예쁘게는 안되네요. inline-block 속성도 써봤는데 크롬에서 깨짐 ^^;
-
우시
그거만 넣어서 말처럼 되면 얼마나 좋을까요 ㅋㅋㅋ
아직 해결을 못 하셨다면 제가 .. 해결을...
box 안에 div 를 하나 더 감싸세요 num1 2 3 을요 .. 그래서 .. box 에다가는 display:inline-block을 주시고 새로 감싼거에다가 text-align:center 를 줘보세요~ 그럼 될겁니다 .. ㅎㅎ -
여신
그냥 text-align:center;로 박스를 가운데 놓는게 낫지 않을까 싶....은데 방법이 있나요?ㅋㅋㅋ
-
피리
넓이를 min-width:1px;로 주고 마진으로 띄우면 가운데 정렬이 되지 않을까 생각되네요(여태까지 해본적이 없음)
-
참이
float은 넓이값이나 높이값을 줘야 해제가 되는거 아닌가요;; 그러니 margin:0 auto가 먹는거 아닐까요;;