우리는 사용워드프레스 웹사이트CSS 및 HTML의 몇 가지 기본 사항을 배워야 합니다.
- 일부 워드프레스 테마의 CSS 스타일 파일로 인해 사전 및 코드 태그 스타일이 추가되지 않습니다.
- 현재 대부분의 브라우저에서 지원표시.

HTML 라벨 예시
다음은 pre 태그의 CSS 스타일입니다(html 코드를 자동으로 래핑할 수 있음) ▼
pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}▼ 다음은 코드 태그의 CSS 스타일입니다. ▼
code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}使用 方法 :
- 위의 CSS 태그를 WordPress 테마에 복사하십시오.
style.css파일에서.
HTML 사전 태그 기능 및 사용 지침
- 레이블은 미리 서식이 지정된 텍스트를 정의합니다.
- 마크업 요소에서 포함된 텍스트는 일반적으로 공백과 줄 바꿈을 남깁니다.
- 텍스트는 고정 폭 글꼴로도 표시됩니다.
마크标记结合使用,以获得更精确的语义,用于标记需要在页面中呈现的源代码。
지정된 텍스트 형식을 HTML에 배치하려면 선행 요소의 속성을 활용해야 합니다.
팁 및 지침
힌트:태그의 일반적인 용도는 컴퓨터의 소스 코드를 나타내는 것입니다.
HTML 4.01과 HTML5의 차이점
HTML 4.01에서 "width" 속성은 더 이상 사용되지 않으며 사용할 수 없습니다. HTML5는 "너비" 속성을 지원하지 않습니다.
属性
속성 값 설명
- 너비 번호 HTML5는 이 속성을 지원하지 않습니다.
- 이 속성은 HTML 4.01에서 더 이상 사용되지 않습니다.
- 줄당 최대 문자 수를 정의합니다(일반적으로 40,80, 132 또는 XNUMX).
전역 속성
<pre>마크업은 전역 속성을 지원하며 전체 속성 시트 HTML 전역 속성을 참조하십시오.
이벤트 속성
- 태그는 모든 HTML 이벤트 속성을 지원합니다.
희망 첸 웨이량 블로그( https://www.chenweiliang.com/ ) 공유 "CSS 스타일에서 사전이란? HTML에서 사전 자동 줄 바꿈 코드 태그의 역할"이 도움이 됩니다.
이 기사의 링크를 공유하는 것을 환영합니다:https://www.chenweiliang.com/cwl-2116.html
