RX/XE 팁 - 유용정보
RX/XE 팁
XE FAQ 는 제가 XE공홈 '묻고 답하기'에 답변한 내용들 중 일부를 정리한 내용입니다. (대부분이 제가 한 답변이죠)
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠

제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요

[유용정보] ul속 여러 개의 li를 화면 가운데 정렬 (block요소 가운데 정렬) 하는 방법

sejin7940 조회:137 2023.11.29 18:11
출처 G's day 
출처URL https://gsdays.tistory.com/59 

ul속 여러 개의 li를 화면 가운데 정렬 (block요소 가운데 정렬) 하는 방법

( 참조 : https://gsdays.tistory.com/59 )

 

가운데 정렬

ul 속성에 text-align : center

li 속성에 display : inline-block  (단, float : left 와 함께 쓰면 안 됨)

 

 

 

참고)  block요소를 한 줄로 배치

li 속성에 아래의 둘 중 하나 를 쓴다

  1)  display : inline-block

  2)  float : left

 

 

 

참고 : 

 

block, inline, inline-block 이해하기   (  https://gsdays.tistory.com/48 )

 

display의 종류

 

display : block 한줄을 차지함

display : inline 내용이 있는 부분만 보여줌

display : inline-block 상자. 상자만큼 차지함(한줄에 여러 개 배치 가능)

* 코드상 띄어쓰기or줄바꿈하면 화면상 공백생김

 

완전히 붙이려면 코드상에서 붙여준다 

 

EX) <li>straw</li><li>berry</li>

목록
전체 252건
공지 XE 기능개선 XE 1.11.18 이후 버전의 익명 수정 버그 수정법 xetown  2023.10.07 2756
공지 XE 기능개선 XE 1.11.14 보안패치 - 타인의 쪽지 내용을 확인할 수 있는 버그 패치방법 xetown  2023.10.03 2853
공지 XE 기능개선 XE 1.11.6 이후 보안배치 #4 file rhymix  2022.07.05 2936
공지 1.11.6 XE 1.11.6 이후 보안배치 #3 rhymix  2022.04.02 2927
공지 1.11.6 XE 1.11.6 이후 보안배치 #1 xetown  2021.06.22 3292
공지 1.11.6 XE 1.11.6 이하 에서 공개댓글을 비밀댓글로 변경시 생길 수 있는 오류 수정법 sejin7940  2021.01.10 3222
공지 XE 기능개선 XE 1.11.4 이후에서 파일 업로드시 정상 작동 안 하는 현상 수정법 XE github  2019.04.02 6001
공지 XE 기능개선 php 7.1 환경에서 XE 오류 나는 경우 확인할 사항 sejin7940  2018.07.11 5928
공지 유용정보 php7.2 환경에서 XE 오류가 생기는 경우 - Object 클래스 변경 필요 XE Github  2017.11.27 8270
공지 XE 기능개선 XE 1.8.30 이하에서 반드시 수정해주셔야하는 부분입니다. XE 1.8.31  2017.02.26 6695
공지 1.8.18 XE 1.8.18 에서 사용시 반드시 수정해야할 사항들 ( XE 1.8.20 이후에서는 수정 불필요 ) xetown  2016.04.03 25808
공지 XE 기능개선 XE 1.8.12 이후부터 proc controller 일부가 작동 안 할 경우 확인할 부분 [1] XE  2015.10.16 25627
 
XE Login