li 가운데 정렬.....도와 주세용...
초고리
지금 현재 저렇게 나오는데요..
아래그림처럼 창의 크기와 상관없이 항상 아이콘이 가운데 정렬이 되게 하려는데....
최소 사이즈일때 위 아래 두개씩 보여 지고 확대 창일때는 4개의 아이콘이 보여지게 하려면 소스를 어떻게 조절해야 할까요?
참고로 지금 현재 모바일 사이트 코딩 중이에용...
도와 주세용..
.list{cloear: both; overflow: hidden; padding:40px 39px 0 39px;}
.list li{float: left; margin:12px;}
.list li a{display: block; width: 97px; height: 13px; text-align: center; padding-top: 100px; padding-bottom: 52px;}
.list .list01{background: url(../img/icon1.jpg) no-repeat 0 0;}
.list .list02{background: url(../img/icon2.jpg) no-repeat 0 0;}
.list .list03{background: url(../img/icon3.jpg) no-repeat 0 0;}
.list .list04{background: url(../img/icon4.jpg) no-repeat 0 0;}
ul class=list
li class=list01a href=#무역/a/li
li class=list02a href=#산업/a/li
li class=list03a href=#에너지/a/li
li class=list04a href=#정보통신/a/li
/ul
-
소 2025-06-07
이미 많은 시간이 지나서 해결 하셨을거 같지만 저도 연습삼아 도전해봤습니다~
ul {text-align:center;}
li {display:inline;} -
Glisten 2025-06-07
질답맨님 해봤는데 가로로 중앙정렬이 안되고 아이콘들이 아래로 떨어 지는데용??
-
살랑살랑 2025-06-07
제가 잘못 적용 하는건지..두분이 알려 주신대로 해도 적용이 안되용..^^
-
드리 2025-06-07
ul {margin: 0 auto;}
li {float: left;} -
치에미 2025-06-07
.list클래스 안에 text-align:center
넣어주시면 댄답니당 -
윤비 2025-06-07
div style=\text-align:center;\
a href=\#\ style=\display:inline-block; width:50px; height:50px;버튼1/a
a href=\#\ style=\display:inline-block; width:50px; height:50px;버튼2/a
a href=\#\ style=\display:inline-block; width:50px; height:50px;버튼3/a
a href=\#\ sty -
흰꽃 2025-06-07
스크립트를 사용하여할 듯 합니다. 창 최소사이즈시 UL에 사이즈를 변경하면 밑으로 떨어질 것 같네요
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2752135 | [질문]칼라피커 콘트롤에 특정칼라를 선택된상태로만들려면 어떻게하면되나여? | 널위해 | 2026-10-21 |
| 2752110 | $box.find("img").width()에서 이미지에.. | 해뜰참 | 2026-10-21 |
| 2752024 | 소숫점 뺄셈 !! ㅠㅜ | 초롬 | 2026-10-20 |
| 2751970 | 자바 게임 만들려는데 부탁드립니다 (1) | 라온제나 | 2026-10-19 |
| 2751908 | 자바스크립트 처리속도를 체크할 수 있는 방법 있나요? (1) | 테이 | 2026-10-19 |
| 2751822 | 그누보드 아이프레임으로 구현했는데 제목 클릭해서 들어가면 푸터가 동동...떠다녀요 | 내꺼하자 | 2026-10-18 |
| 2751790 | 자바 그래픽 관련을 공부하고 싶은데요.. 어디 좋은 사이트나 책 없을까요?? (1) | 큰재 | 2026-10-18 |
| 2751733 | CTF가머죠? (5) | 두동 | 2026-10-17 |
| 2751709 | 배열부분 궁금한 부분이있습니다. | 딸기우유 | 2026-10-17 |
| 2751677 | 포인터 책을 보다가,,, (2) | 동백 | 2026-10-17 |
| 2751648 | 익스플로 버전에 따라서 생기는 공백.. (1) | 모아 | 2026-10-17 |
| 2751623 | DEL 태그의에서 선굵기 및 컬러지정이 가능한가 해서요~ (4) | 비치나 | 2026-10-16 |
| 2751573 | 테마 업로드 에러.. (1) | 꽃 | 2026-10-16 |
| 2751548 | 수학? 물리?? (3) | 찬늘 | 2026-10-16 |
| 2751461 | 상단네비 fixed ie6 핵 해결방안이 있을까요? | 맑다 | 2026-10-15 |
| 2751436 | 레이아웃을 잡고 코딩을 하는데 드림위버에서의 결과와 IE에서 결과가 다르게 나오네요. (3) | 키클 | 2026-10-15 |
| 2751403 | 형들좀도와주세요string compression (1) | 알렉산더 | 2026-10-14 |
| 2751349 | 링크 다운로드하기 | 팬지 | 2026-10-14 |
| 2751267 | 플래시8 사용에서 플레이어 만들었는데요 (1) | 블1랙캣 | 2026-10-13 |
| 2751182 | 회원가입 | 파랑새 | 2026-10-12 |