일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- CSS
- 이클립스
- windows
- Maven
- 이탈리아
- 자바스크립트
- date
- Array
- 자바
- table
- vscode
- Files
- 테이블
- 배열
- IntelliJ
- js
- Button
- 문자열
- string
- Java
- list
- input
- html
- Eclipse
- javascript
- Visual Studio Code
- CMD
- ArrayList
- json
- 인텔리제이
- Today
- Total
목록line-height (2)
어제 오늘 내일
CSS의 line-height 속성을 지정하여 텍스트의 줄간격(줄 높이)을 지정할 수 있습니다. line-height CSS의 line-height 속성은 텍스트 라인의 높이를 지정합니다. 주로, 줄간격을 지정하는데 많이 사용됩니다. 허용 값 number - 해당 element의 폰트 사이즈를 기준으로 계산됩니다. ex) 폰트 사이즈 * number length - px, em 등의 단위를 사용합니다. percentage - 폰트 사이즈를 기준으로 계산됩니다. ex) 폰트사이즈 * percentage / 100 keyword "normal" - 브라우저에 지정된 값으로 설정됩니다. 위 허용 값들 중 'number'를 사용하기를 추천합니다. 줄간격 설정하기 default 기본값 default 기본값 def..
이번에는 다음과 같이 div 안에 있는 text를 가로, 세로로 가운데 정렬하는 방법을 알아보겠습니다. 안녕하세요 .my-div { border : 1px solid blue; height : 200px; } 1. 가로로 가운데 정렬하기 여기에서 소개할 안의 글자를 가로로 가운데 정렬하는 방법은 다음 2가지 입니다. text-align justify-content text-align 안녕하세요 .my-div { border : 1px solid blue; height : 200px; text-align : center; } text-align : center; text-align 속성은 가로정렬을 설정할 수 있는 속성입니다. 여기서는, 가운데 정렬을 하기 위해 속성값을 'center'로 설정하였습니다. ..