수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

정렬문제!

헛나발

2023.04.01

위 그림처럼 태그클라우드 (?) 머 이런건데

네모박스는 글자수에 따라 늘어나궁...

저 태그들을 감싸는 전체에 width값을 줬는데 그 이상 넘어가는 글자수는

아래로 떨어져야 합니다. 물론 이어지는 글이 아니구 어느정도 글자수가 넘어가면

다음칸으로 이어지는... 그리고 전체 센터 정렬 ! 이거이거 지금 잡으려는데 마땅한 방법이

나올랑 말랑하는데 안나와요 ㅋㅋㅋ

어떤식으로 해야 좋을까여? 급하게 물어봐서 죄송 ㅠ##그리고 하나더.... 브라우저마다 패딩값이 약간씩 다르게 나오는 이유는?? 멀까여;;

예 ) ie8에서 패딩 5주면 ie6에서는 3밖에 안늘어 난것처럼 보이는;;;;

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 시원

    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; 이늠은 브라우저 특성 고려해서 몇가지 손봐야됨

번호 제 목 글쓴이 날짜
2700452 c언어에서... 자료형 구분.... (3) 시내 2025-07-05
2700422 버전에 관해 질문 라온제나 2025-07-04
2700393 mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) 소미 2025-07-04
2700359 3.0 ) SimpleButton 상태 강제 변경 (3) 희선 2025-07-04
2700304 ie8 전용핵 문의 (3) 여자 2025-07-03
2700281 이런경우 어떻게 코딩해야 표준에 따르는건가요? (6) 늘솜 2025-07-03
2700230 질문이여 ! 뿡뿡몬 2025-07-03
2700205 액션스크립트책 좀 추천해주세요. (10) 화이트캣 2025-07-02
2700173 자바 소스인데 어떤게 에러인지..? (1) 호빵녀 2025-07-02
2700142 하단이 붙어있는 가변 레이아웃구조 질문드립니다. 이플 2025-07-02
2700089 이미지를 사다리꼴로 비틀게 하는 액션코드가 있나요? (4) 여름 2025-07-01
2700033 배경에 그라데이션을 넣으려고 하는데요.. (4) 화이티 2025-07-01
2700005 [질문] TextField 객체의 실제 높이 알아오는 방법 ? 천사의눈물 2025-07-01
2699978 FileReferenceList를 이용하여 업로드시 자꾸 실행속도가 느리다는 팝업이... (10) 데이비드 2025-06-30
2699944 자바스크립트가 많은 사이트는... (6) 희나리 2025-06-30
2699918 브라우저마다 다른 input과 텍스트 정렬 (3) 늘봄 2025-06-30
2699887 동적텍스트를 그래픽으로?? (2) 족장 2025-06-30
2699862 scope넣기 (1) 아인 2025-06-29
2699835 exe로 만드는 방법을....알려주세요.. (5) 방방 2025-06-29
2699809 롤오버할때 백그라운드 이미지로할때 alt설명은 어떻게해야하죠?..ㅠ (4) 반혈 2025-06-29
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com