가운데 정렬 질문드립니다.
LO
그림과 같이 등락부분에 아이콘과 숫자를 나란히 배치하고 td안에 가운데 정렬 하려고합니다.td스타일은text-align:center이고
아이콘과 숫자는td
span class=r_up상승/span
span class=float_left2/span
/td
위와 같이 코딩하였습니다.
이미지와 숫자를 나란히 쓰면 별 문제 없지만 아이콘을 bg로 사용하여 상승이라는 글자를 숨겼는데요
둘을 나란이 하기위해서 스타일은 아래와 같아요
style type=text/css
table td {border:0; border-bottom:1px solid #ddd; color:#888;text-align:center;padding:7px 0}
.l_up{display:block;overflow:hidden;position:relative;width:5px;height:9px;background:url(/sub/ico.png) -78px -85px no-repeat;padding-left:3px;line-height:0;font-size:0;float:left;}
.float_left {float:left;}
/style
float속성때문에 가운데로 안가고 아래처럼 왼쪽으로 붙는데 display:inline속성을 쓰면 위치가 제대로 안맞네요.
padding이나 margin말고 가운데 정렬되는 다른 방법이 있을까요?
-
테이
스팬 밖에 하나를 더 싸니까 td의 가운데 정렬이 먹네요. 아우 해결 ㅋㅋ
-
가장
어쩔수 없다면 float제거후 .l_up{display:inline-block} 을 쓰셔야... ie6은 마진&패딩으로 조절하구요
-
어둠
스프라이트 기법을 쓰려고 아이콘들을 다 모아서 배경으로 처리하다보니 애로점이 많네요 ㅠ
-
무들
float때문에 그런건데..
굳이 ir 쓰시지 마시고 그냥 inline 에 이미지를 딱! float을 빼구요