Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 에이펙스레전드
- Github
- INPUT
- Scss
- vscode
- 컴퓨터
- 윈도우11
- 윈도우10
- 티스토리챌린지
- 제이쿼리
- 포토샵
- 설정
- HTML
- 서브라임 텍스트
- VS
- 태국
- GIT
- 컴파일
- 윈도우
- 모바일
- 오블완
- SM5
- 알리익스프레스
- 서브라임
- Sass
- CSS
- sublime text
- CODE
- 단축키
- 아이폰
Archives
- Today
- Total
목록display:inline-block (1)
web sprit
CSS로 가변폭의 컨텐츠를 가운데 정렬하기
일반적으로 가운데 정렬은 width 값이 존재하고 margin값을 margin:0 auto;를 주어 정렬하곤 합니다.하지만 width 값이 가변적으로 변경될 수 있다면 어떻게 정렬해야 할까요? 방법은 있습니다!!! 크게 2가지 방법을 알려 드리겠습니다.1. display:table12345678 .center-box{display:table; margin:0 auto; padding:30px; background:red;} .center-box .item{background:yellow;} contentsColored by Color Scriptercsex) 화면 contents 2. display:inline-block12345678 .center-box2{text-align:center; backgr..
웹1.0/CSS, CSS2
2016. 3. 21. 22:59