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

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

본문 바로가기

사이트 내 전체검색

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

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

페이지 정보


본문

보통 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,634건 19 페이지
  • RSS
기술자료 목록
2274
MySQL   7523  2018-10-02 22:55 ~ 2018-10-02 22:58  
2273
PHP   10796  2018-09-30 15:07 ~ 2018-09-30 15:53  
2272
그누보드   9626  2018-09-27 23:56 ~ 2022-10-22 17:56  
2271
그누보드   8288  2018-09-27 22:01 ~ 2018-09-27 22:40  
2270
그누보드   12284  2018-09-22 01:04 ~ 2023-04-13 16:11  
2269
그누보드   8056  2018-09-21 19:28  
2268
그누보드   9496  2018-09-15 08:08 ~ 2022-04-21 03:02  
2267
전자결제   19464  2018-09-14 05:59 ~ 2020-09-08 23:29  
2266
전자결제   8705  2018-09-14 04:57 ~ 2018-09-14 04:58  
2265
전자결제   9125  2018-09-12 14:17 ~ 2019-03-21 17:04  
2264
일반   11771  2018-08-31 18:10 ~ 2018-09-14 20:50  
2263
HTML   7782  2018-08-30 15:47 ~ 2022-02-08 12:07  
2262
그누보드   7944  2018-08-30 10:41 ~ 2018-08-30 10:48  
2261
PHP   6589  2018-08-29 03:21 ~ 2018-08-29 17:13  
2260
JavaScript   11405  2018-08-28 18:49 ~ 2022-06-13 22:38  
2259
HTML   11070  2018-08-27 14:33 ~ 2021-07-25 18:16  
열람
HTML   13801  2018-08-26 14:07  
2257
일반   8309  2018-08-22 13:17  
2256
PHP   9115  2018-08-20 15:51  
2255
HTML   8845  2018-08-18 05:37  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.