정렬(3)
-
4-4. 서체(font)와 글(text) 스타일 - 8
1. 수직 정렬(Vertical Align) 속성"vertical-align" 속성은 인라인 요소끼리의 위, 아래 간격을 맞출 수 있습니다. 값으로 baseline, sub, super, top, text-top, middle, bottom, text-bottom 등의 다양한 값을 가지고 있으며, 백분율(%)을 지정할 수도 있고, 정밀하게 작업할 경우 길이값을 적용할 수도 있습니다. 2. 글의 줄바꿈 처리하기인라인 요소인 "글(text)"은 자신을 감싸고 있는 상위 블록 요소의 "width(가로)"를 넘어서게 되면 자연스럽게 줄을 바꾸게 됩니다. 이렇게 줄이 바뀌는 것에 대해서 다음의 두 가지 속성을 살펴봅니다.2-1. 단어를 깨뜨려 줄바꿈을 지정하는 "word-break" 속성"width"를 지정한 영..
2018.02.01 -
15. 배열 요소 역순 정렬
Q. 입력받은 정수를 배열에 저장하고 배열을 역순으로 정렬하세요.numArr[0] numArr[1] numArr[2] numArr[3] numArr[4] 1 2 3 4 5 ↓numArr[0] numArr[1] numArr[2] numArr[3] numArr[4] 5 4 3 2 1 S. HTML5, javascript, JQuery-3.2.1을 사용하여 작성됐습니다. Q. 입력받은 정수를 배열에 저장하고 배열을 역순으로 정렬하세요.A의 값을 입력하세요.B의 값을 입력하세요.C의 값을 입력하세요.D의 값을 입력하세요.E의 값을 입력하세요.F의 값을 입력하세요.결과
2018.01.31 -
4-4. 서체(font)와 글(text) 스타일 - 6
1. 글의 정렬 방법"text-align" 속성은 블록 요소에 지정하면 그 내부에 포함된 글이나 인라인 요소들이 영향을 받습니다.left 왼쪽 정렬 center 가운데 정렬 right 오른쪽 정렬 justify 양쪽 정렬 2. 글의 간격 조절하기글자와 글자 사이의 간격은 "letter-spacing"속성을 사용하고, 단어 간의 간격은 "word-spacing"을 사용합니다. 줄 간격은 "line-height" 속성으로 지정합니다. ※ 주의할 점은 본문에 한글과 영문, 숫자 등이 섞여 있는 경우 각 종류 별 간격이 달라 보일 수 있는 점입니다. 한글 자간은 어울려 보이는데 영문은 좁아 보이거나, 숫자는 거의 붙어버리는 경우가 있을 수 있습니다. 2-1. 자간 조절(letter-spacing) 2-2. 단어..
2018.01.30