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

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

기술자료

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


페이지 정보

댓글 0건 조회 1,186회 작성일 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,315건 1 페이지

기술자료 목록
번호 제목
공지 일반   16793  2001-08-31 11:52 ~ 2017-12-05 16:33  
2314 etc보드   2  2019-01-22 23:32  
2313 MySQL   13  2019-01-22 00:43  
2312 Linux   15  2019-01-21 15:38  
2311 Linux   16  2019-01-21 07:18  
2310 그누보드   71  2019-01-16 18:41 ~ 2019-01-17 19:01  
2309 etc쇼핑몰   65  2019-01-15 04:30 ~ 2019-01-15 04:58  
2308 etc보드   63  2019-01-15 04:26 ~ 2019-01-15 05:04  
2307 HTML   82  2019-01-11 23:20 ~ 2019-01-11 23:24  
2306 그누보드   93  2019-01-11 01:42 ~ 2019-01-11 01:43  
2305 호스팅   135  2019-01-09 08:50  
2304 그누보드   251  2019-01-01 23:07  
2303 그누보드   317  2018-12-20 06:30 ~ 2018-12-20 06:41  
2302 WordPress   286  2018-12-19 19:56 ~ 2018-12-19 20:42  
2301 그누보드   354  2018-12-18 15:16  
2300 그누보드   287  2018-12-16 23:11 ~ 2018-12-20 06:57  
2299 PHP   366  2018-12-12 03:04 ~ 2019-01-12 17:58  
2298 MySQL   323  2018-12-11 14:36 ~ 2018-12-11 14:52  
2297 그누보드   306  2018-12-09 12:19 ~ 2018-12-26 19:40  
2296 테크노트   310  2018-12-05 19:37 ~ 2018-12-06 15:43  

게시물 검색

회원로그인

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

접속자집계

오늘
2,611
어제
2,547
최대
3,306
전체
4,551,655

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