[CSS] li에 float:left 속성 주고 가운데 정렬하기 > 기술자료

본문 바로가기
사이트 내 전체검색

기술자료

HTML [CSS] li에 float:left 속성 주고 가운데 정렬하기

페이지 정보

댓글 0건 조회 935회 작성일 2018-08-26 14:07

본문

보통 li는 inline-block 속성을 사용하면 약간의 여백이 생기는데, 이 문제가 귀찮아서 float:left 속성을 많이 사용한다.
하지만 float:left 속성을 주면 가운데 정렬이 어렵다.
이럴때 사용할 수 있는 방법.

<style>
.txt_btn{text-align:center;}
.txt_btn ul{display:inline-block; *display:inline; zoom:1;}
.txt_btn ul li{float:left; margin-left:-1px; z-index:1;}
</style>

<div class="txt_btn">
    <ul>
        <li>하나</li>
        <li>두울</li>
    </ul>
</div>


참고자료
http://noey424.tistory.com/39
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.


Total 2,301건 1 페이지
기술자료 목록
번호 제목
공지 일반   16632  2001-08-31 11:52 ~ 2017-12-05 16:33  
2300 그누보드   8  2018-12-16 23:11 ~ 2018-12-17 07:01  
2299 PHP   39  2018-12-12 03:04 ~ 2018-12-14 20:04  
2298 MySQL   40  2018-12-11 14:36 ~ 2018-12-11 14:52  
2297 그누보드   43  2018-12-09 12:19  
2296 테크노트   73  2018-12-05 19:37 ~ 2018-12-06 15:43  
2295 킴스큐   72  2018-12-04 13:47  
2294 PHP   75  2018-12-03 17:34 ~ 2018-12-03 19:03  
2293 영카트   205  2018-11-28 10:37 ~ 2018-11-30 02:33  
2292 그누보드   121  2018-11-22 12:13  
2291 MySQL   182  2018-11-22 05:24 ~ 2018-11-22 05:27  
2290 HTML   160  2018-11-16 12:11 ~ 2018-11-16 12:17  
2289 Linux   158  2018-11-13 00:15 ~ 2018-11-15 05:37  
2288 그누보드   257  2018-11-09 06:32 ~ 2018-11-17 13:46  
2287 그누보드   268  2018-11-01 18:50 ~ 2018-11-01 19:01  
2286 영카트   234  2018-10-31 05:44 ~ 2018-10-31 05:47  
2285 그누보드   207  2018-10-30 15:47  
2284 그누보드   257  2018-10-22 09:58  
2283 HTML   324  2018-10-14 01:19 ~ 2018-10-14 02:09  
2282 킴스큐   307  2018-10-04 23:04  
게시물 검색

회원로그인

계좌이체 or 신용카드 결제하기
해피정닷컴으로 대금결제를 할 수 있습니다

접속자집계

오늘
853
어제
1,617
최대
3,306
전체
4,468,437

회사명: 해피정닷컴   사업자번호: 119-05-36414   전화: 070-7600-3500   팩스: 02-865-3528   주소: 08394 서울시 구로구 디지털로 242 한화비즈메트로1차 1502호
대표: 정창용   개인정보보호책임자: 정창용   통신판매업신고번호: 2014-서울구로-0074 [사업자등록정보확인]   건강기능식품영업신고번호 제2018-0080452호
Copyright 2001~2018 해피정닷컴. All Rights Reserved.