html과 css의 다양한 줄바꿈 방법 요약
- 伊谢尔伦원래의
- 2017-06-06 11:15:1612441검색
웹 개발에서는 HTML의 br 태그를 사용하여 줄 바꿈을 수행할 수 있습니다. 기사에 있는 경우 기사에서 줄 바꿈이 필요한 위치에
를 추가하면 자동 줄 바꿈이 가능합니다. - 종종 작은 줄 바꿈이라고도 하며 줄 바꿈 앞에 공백이 없습니다. 큰 줄 바꿈을 수행하려면 태그를 사용하세요. CSS 속성을 사용하여 자동 줄 바꿈 및 강제 줄 바꿈을 구현할 수도 있습니다. 기사 제목 목록 스타일이 표시되고 줄 바꿈을 원하지 않는 경우 CSS 스타일 속성을 사용하여 일부 작업을 수행할 수도 있습니다. 제어. 이 글은 HTML과 CSS의 다양한 줄 바꿈에 대해 이야기하기 위해 왔습니다.
먼저 PHP 중국어 웹사이트
1과 관련된 무료 강좌를 배울 수 있습니다. "html 개발 매뉴얼"에서
태그 및
태그 관련 튜토리얼을 알아보세요.
2. 알아보기 "CSS 3.0 참조 설명서" 다양한 줄 바꿈 속성
html, CSS의 줄 바꿈
줄 바꿈, 참고: 영어에만 유효
a. 긴 단어의 줄 바꿈
단어 줄 바꿈:
일반: 기본값은 브라우저의 기본 형식을 사용하여 단어 구조
break- word: 단어 구조 깨기
b. 텍스트의 줄 바꿈
Word-break:
값: normal:
break-all: 줄 바꿈을 위한 단어 구조 깨기
모두 유지: 반폭 상태의 공백 아래 줄 바꿈
일반적인 상황에서 요소에는 기본 공백:일반(자동 줄 바꿈, 공백 :nowrap(줄 바꿈 없음)), 입력된 텍스트가 정의를 초과하면 컨테이너 너비 이후에 자동으로 줄 바꿈되지만 입력된 데이터가 공백 없이 문자 또는 숫자의 묶음인 경우(일반 데이터가 없어야 하지만 일부 테스터는 이런 식으로 할 것입니다), 포장하지 않고 용기의 너비를 초과하면 나타납니다.
3. HTML 웹 페이지의 단락 레이아웃 및 줄 바꿈 방법 소개
웹 페이지의 모양은 레이아웃에 따라 크게 달라집니다. 페이지에 큰 단락의 텍스트가 나타날 때 일반적으로 단락 단위로 계획되며 줄 바꿈도 매우 엄격하게 구분됩니다. 이 섹션에서는 독자가 학습 후 태그를 사용하여 텍스트의 큰 단락을 자유롭게 처리할 수 있도록 단락의 세부 설정부터 시작합니다.
4. HTML
normal의 DIV, td, p 및 기타 컨테이너에서 강제 줄 바꿈 또는 줄 바꿈을 구현하는 방법: 아시아 및 비아시아 언어의 텍스트 규칙에 따라 내에서 줄 바꿈이 허용됩니다. 단어
break-all: 동작은 아시아 언어의 경우 일반적인 것과 동일합니다. 비아시아 언어 텍스트 줄의 모든 단어 내에서의 구분도 허용됩니다. 이 값은 일부 비아시아 텍스트가 포함된 아시아 텍스트에 적합합니다.
keep-all : 모든 비아시아 언어에 대한 일반 값과 동일합니다. 중국어, 한국어, 일본어의 경우 단어 구분이 허용되지 않습니다. 소량의 아시아 텍스트가 포함된 비아시아 텍스트에 적합합니다. 구문: word-wrap : Normal | break-word
5. CSS3 텍스트 래핑
텍스트 래핑은 실제로 매우 일반적으로 사용되지만 눈에 띄지 않는 기능입니다. 아무 것도 설정할 필요가 없습니다. 브라우저가 자동으로 줄을 바꿉니다. 예를 들어, 영어의 경우 브라우저는 컨테이너 크기에 따라 반자 공백이나 하이픈으로 줄 바꿈을 선택합니다. 예를 들어, 중국어의 경우 브라우저는 텍스트나 문장 부호를 줄 바꿈하도록 선택합니다. 하지만 때로는 긴 단어나 URL을 만나면 브라우저가 너무 똑똑하지 않고 컨테이너가 터져버릴 때가 있습니다.
관련 질문 및 답변
1. 마우스가 끝났습니다. 텍스트 줄바꿈은 어떻게 되나요?
2.Angular 필터에서 반환된 문자열을 줄바꿈하는 방법
[관련 권장 사항]
1. PHP 중국어 웹사이트 무료 동영상 튜토리얼:"php.cn Dugu Jiujian (2)-css 동영상 튜토리얼"
2. PHP 중국어 웹사이트의 무료 튜토리얼: "손끝에서 HTML+CSS 배우기"
위 내용은 html과 css의 다양한 줄바꿈 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!