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

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

본문 바로가기

사이트 내 전체검색

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

HTML 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>



참고자료
http://noey424.tistory.com/39

댓글목록

등록된 댓글이 없습니다.


Total 2,634건 21 페이지
  • RSS
기술자료 목록
2234
Linux   6866  2018-07-13 18:29  
2233
XpressEngine   7046  2018-07-13 18:22 ~ 2018-07-13 21:51  
2232
MySQL   9459  2018-07-12 12:40 ~ 2018-07-12 12:44  
2231
JavaScript   10070  2018-07-12 00:09  
2230
일반   11556  2018-07-09 17:13 ~ 2018-07-11 17:27  
2229
HTML   7379  2018-07-04 23:27  
열람
HTML   8313  2018-07-04 15:02  
2227
테크노트   9874  2018-07-02 21:39 ~ 2022-04-21 02:58  
2226
Search   12135  2018-07-01 02:38 ~ 2018-07-01 02:41  
2225
일반   8334  2018-06-27 23:32 ~ 2018-07-04 23:09  
2224
그누보드   7346  2018-06-19 14:54  
2223
XpressEngine   9551  2018-06-12 13:08 ~ 2022-04-21 02:49  
2222
XpressEngine   8754  2018-06-11 20:24  
2221
호스팅   8086  2018-06-11 02:56 ~ 2018-10-10 16:30  
2220
XpressEngine   6279  2018-06-11 01:30  
2219
XpressEngine   11709  2018-06-08 00:32 ~ 2018-06-12 16:36  
2218
호스팅   8106  2018-06-07 15:44 ~ 2021-05-03 19:05  
2217
그누보드   9959  2018-06-06 23:53 ~ 2018-06-07 09:41  
2216
영카트   13937  2018-06-05 17:56 ~ 2018-06-05 21:36  
2215
XML   9010  2018-06-05 14:14 ~ 2018-06-05 14:15  

검색

해피정닷컴 정보

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

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