메뉴 건너뛰기

메뉴 건너뛰기 본문으로 바로가기
조회 수 20393 추천 수 0 댓글 1
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
Extra Form
layout_li_inline.png

위와 같이 <li> 태그를 화면 가운데에서 가로로 정렬시키고 싶을 때
float:left 속성을 사용하면 리스트가 화면 가운데가 아닌 왼쪽에 붙어버린다.
그래서 이 때에는 float 속성이 아닌 display:inline 속성을 사용해주면 가로로 정렬이 된다.

<style>
#sitebar {text-align:center;}
#sitebar li {display:inline;}
</style>
<div id="sitebar">
<ul>
<li>ABOUT</li>
<li>BLOG</li>
<li>GUESTBOOK</li>
</ul>
</div>

  • ?
    이온디 2009.02.10 19:22
    단순히 레이어를 정렬시키고자 할 때에도 다음과 같이 하시면 됩니다.
     <style>
    #sitebar {text-align:center;}
    #sitebar span {display:inline;}
    </style>
    <div id="sitebar">
      <span>ABOUT</span>
      <span>BLOG</span>
      <span>GUESTBOOK</span>
    </div>



List of Articles
번호 분류 제목 날짜 조회 수
26 css css3 box-shadow 예제 - Shadow Box 레이어 만들기 (섀도우박스) file 2013.08.09 5741
25 reset 초기화 코드 file 2013.08.04 5977
24 Using Calc() Function file 2013.03.05 4657
23 CSS로 table의 bordercolorlight 와 bodercolordark 값 표현하기 2013.02.10 4766
22 curve-drop shadow 효과 1 2012.12.14 5485
21 CSS, radio버튼, Checkbox 세로 정렬 1 2012.12.01 10079
20 이미지를 흑백으로 표현하기 2 file 2010.07.06 10534
19 스크롤에 영향을 받지 않고 화면에 고정된 레이어 2 2009.02.19 14852
18 font 속성 2009.02.09 9853
17 알파 필터 적용하기 투명(filter:alpha)효과 (익스,파폭,오페라) 2009.01.31 15650
» li 항목을 화면 가운데에서 가로로 정렬시키고 싶을 때 1 1 file 2009.01.30 20393
15 CSS reference 1 file 2009.01.29 5750
14 div 2009.01.02 6116
13 100% Height Layout Using CSS 2008.12.20 6010
12 인터넷익스플로러6.0 에서 border-style 투명으로 주기 file 2007.09.06 12347
11 폼 입력시 한글/영문 지정하기 2007.04.24 6003
10 CSS를 이용한 글씨 꾸미기 (only IE) 2007.04.20 6732
9 vertical-align : baseline 1 3 2007.04.18 7625
8 CSS 속성 2007.04.18 6854
7 id와 class 2007.04.14 5869
목록
Board Pagination Prev 1 2 3 4 Next
/ 4
  • 사이트 현황
  • 회원 현황
  • 프로젝트 현황
  • 사이트맵
현재 접속한 회원
  • 현재 로그인 중인 회원이 없습니다.
회원별 포인트 랭킹
1
k02092000
2368
2
socialskyo
1549
3
이아빠
1200
4
real
1120
5
슬쿠미
1049
오늘 로그인한 회원
오늘 생일인 회원
05-02
KDX
yukiL
05-03
가나
진행중 프로젝트
진행 중인 프로젝트가 없습니다.
[프로젝트 의뢰하기]
최근 완료된 프로젝트
삼육보건대학교 학생지원
지성하우징
경북행복지도
고령군농촌지원센터
판매중인 XE 자료
준비 중입니다.
이온디 호스팅 신청하기
현재 신청자가 없습니다.
많은 신청 부탁드립니다.
chat