정렬문제!
헛나발
위 그림처럼 태그클라우드 (?) 머 이런건데
네모박스는 글자수에 따라 늘어나궁...
저 태그들을 감싸는 전체에 width값을 줬는데 그 이상 넘어가는 글자수는
아래로 떨어져야 합니다. 물론 이어지는 글이 아니구 어느정도 글자수가 넘어가면
다음칸으로 이어지는... 그리고 전체 센터 정렬 ! 이거이거 지금 잡으려는데 마땅한 방법이
나올랑 말랑하는데 안나와요 ㅋㅋㅋ
어떤식으로 해야 좋을까여? 급하게 물어봐서 죄송 ㅠ##그리고 하나더.... 브라우저마다 패딩값이 약간씩 다르게 나오는 이유는?? 멀까여;;
예 ) ie8에서 패딩 5주면 ie6에서는 3밖에 안늘어 난것처럼 보이는;;;;
-
시원
style
p { width: 265px; height: 280px; line-height: 38px; text-align: center;overflow-y: hidden;}
a {vertical-align: top; color: #fff; display: inline-block; background: #8dc73f; padding: 8px; margin: 0 3px 4px 0; line-height: 20px;}
/style
p
a어어/a
a으으 -
Emily
네 ㅎㅎinline-block 태그 잘만쓰면 유용하네요 ㅎ 감사합니다 ㅎ
-
아인
ul에 text-align:center; 주고
li에 display:inline; 주고
li안 span태그에 display:inline-block; 주면 ie6에서도 잘 나오네용 -
차분나래
style typs=\text/css\
ul { width:530px;}
li { background:#00FFFF; width:100px; display:inline-block; overflow:auto; vertical-align:top; text-align:center; margin-bottom:3px}
/style
ul
liㄱㄷㅈㅂㅈ/li
liㄱㅈㅂㄷㄱㅂㅈㄷㄱㅈㅂㄱㅂ/li
liㅈㄷ/li
liㄷㄱ/li
liㄱㄷㅈ/li
liㄱㄷ/li
liㅈㄷ/l -
미쁘다
수다님말대로 하니 잘되는데용 ㅋㅋ
-
비
저 방법좀 알려줏세요 ㅠㅠ ㅎ 지금 나오게 하는건 됬는데 ㅋ브라우저마다 패딩.마진 값차이 마추는게 어렵네여 ;;;
-
치리
재밌다 만들어봐야겠네용 ㅋㅋ
-
은송이
인라인 블럭은 ...ie6에서는 잘 안먹히는거 같든데 ;; 맞나요?
-
미드미
감싸는 태그 : text-align:center;
안에 개별 아이템 : display:inline-block; 이늠은 브라우저 특성 고려해서 몇가지 손봐야됨