반응형
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
- CSS
- Button
- Eclipse
- 이탈리아
- 이클립스
- 인텔리제이
- date
- Java
- list
- Array
- 배열
- javascript
- windows
- html
- 문자열
- input
- IntelliJ
- table
- js
- vscode
- ArrayList
- 테이블
- Files
- Maven
- 자바
- 자바스크립트
- string
- CMD
- Visual Studio Code
- json
Archives
- Today
- Total
목록2023/12/24 (1)
어제 오늘 내일
[HTML/CSS] 버튼 왼쪽, 오른쪽, 가운데 정렬하기
이번에는 버튼을 왼쪽, 오른쪽, 가운데 정렬하는 방법을 정리해 보았습니다. 1. text-align 왼쪽 정렬 가운데 정렬 오른쪽 정렬 .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } 버튼을 감싸고 있는 div 영역에 text-align 속성을 적용하여 그 안의 버튼을 정렬하였습니다. 2. flex 왼쪽 정렬 가운데 정렬 오른쪽 정렬 .container { display: flex; } .left { justify-content: flex-start; } .center { justify-content: center; } .right { justify-content: flex-end; } 버튼을..
IT/HTML&CSS
2023. 12. 24. 06:56