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

본문 바로가기

사이트 내 전체검색

기술자료

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

작성일 18-07-04 15:02

페이지 정보

조회 331회 댓글 0건

본문

보통 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
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

전체 2,275건 1 페이지
게시물 검색

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

PC 버전으로 보기