text-align:justify; 속성을 주고 a태그로 감쌌을 때 ie8에서 영역이 제대로 안잡히는 문제
즐겨찾기
style type=text/css
.tagsec { width:155px; word-spacing:3px; font-size:12px; color: #999999; font-weight:bold; line-height: 18px; text-align:justify; font:arial;}
.tagsec a.tag_s {color:#999999; background:#ffffff;}
.tagsec a.tag_m {color:#999999; font-size: 16px !important; background:red;}
.tagsec a.tag_l {color:#999999; font-size: 20px !important; background:blue;}
/stylediv class=tagsec
a href=# class=tag_sAAAA/a
a href=# class=tag_sBBB/a
a href=# class=tag_sCCCCCCC/a
a href=# class=tag_sAAAA/a
a href=# class=tag_lAAAA/a
a href=# class=tag_sCCCCCCC/a
a href=# class=tag_sAAAA/a
a href=# class=tag_sBBB/a
a href=# class=tag_sAAAA/a
a href=# class=tag_mBBB/a
a href=# class=tag_sCCCCCCC/a
a href=# class=tag_sAAAA/a
a href=# class=tag_lAAAA/a
a href=# class=tag_sCCCCCCC/a
a href=# class=tag_sAAAA/a
a href=# class=tag_sBBB/a
/div
위 소스를 실행하면 아래와 같이 선택 영역과 텍스트 영역이 따로 놀아요.
방법 아시는 분 계시나요?
-
알프레드
추가
.tagsec a{display:inline-block;}