pre(2)
-
CSS 속성 white-space
white-space 사전적 의미로 white space는 '여백'을 뜻함. html에서는 공백의 의미 태그 작성시 생기는 공백 줄바꿈 (line break) 들여쓰기 (tab) 공백 (space) html 작성시 공백을 아무리 많이 입력해도 1개만 표현됨. 하나 이상의 공백을 표현하기 위해서는 를 사용해야함. 또는 태그를 사용하면 공백이나 줄바꿈을 있는 그대로 표시 white-space 속성 값 normal (default) 공백을 여러개 넣어도 1개만 표시. 글이 길어지면 텍스트가 자동 줄바꿈 됨(wrap) nowrap 공백을 여러개 넣어도 1개만 표시. 글이 길어도 줄바꿈 되지 않고 같은 줄에 계속 표시 pre 공백을 코드에 있는 그대로 표시. 태그처럼 행동함. 코드에 줄바꿈이 없다면 줄바꿈 되지 ..
2023.07.28 -
br, p, pre, 비교
Line Break 줄바꿈 할 때 사용됨 끝 태그가 없는 빈 태그(empty tag) 이지만, xhtml에서는 로 열고 닫는 태그를 대신함. Paragraph 문단을 구분할 때 사용됨 앞뒤로 여백이 들어가며, 태그를 두 번 사용한 것과 같은 결과가 나옴 Preformatted Text 입력한 그대로 화면에 출력되는 태그 문장 안에 있는 여백이나 줄바꿈도 그대로 표시 코드 등을 표현할 때 사용됨 Non-breaking Space 태그는 아니고 HTML Entity 하나 이상의 공백을 표현하기 위해 사용
2023.07.28