RX/XE 팁
XE FAQ 는 제가 XE공홈 '묻고 답하기'에 답변한 내용들 중 일부를 정리한 내용입니다. (대부분이 제가 한 답변이죠)
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠
제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠
제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
sejin7940
조회:417 2016.12.31 20:36
출처 | Total Fix! |
---|---|
출처URL | http://slic.tistory.com/715 |
만약 UL이나 OL이 div로 감싸지지 않았다면 감싼 후
중요한 부분이 float:left를 ul이나 li에 주지 않았다는 것입니다.
ul 이나 ol 의 부모의 속성이 되는 div 에 float:left 속성을 주고 text-align: center를 줍니다.
그리고 ul 속성에서 리스트 스타일을 제거 합니다. list-style: none;
끝으로 li 속성에 display:inline-block; 값을 줍니다.
그럼 마법처럼 리스트가 중앙에 정렬되는 것을 볼 수 있을 것 입니다.
예시 소스
<style>
.footer { float: left; width: 100%; padding-right: 20px; padding-left: 25px; margin: 0 auto; text-align: center; } .footer ul { list-style: none; } .footer ul li { color: #808080; padding-bottom: 3px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; display:inline-block; padding-right: 10px; } </style>
<DIV class=footer>
<UL>
<LI>123 Fake St.
<LI>Toronto, Ontario, Y1Y 1Y1
<LI>416-555-5555
<LI><A href="mailto:info@email.com">info@email.com</A></LI>
</UL>
</DIV>