Ano ang pre sa CSS style? Ang papel ng mga pre wrapping code tag sa HTML

ginagamit naminWebsite ng WordPressKailangang matutunan ang ilang pangunahing kaalaman sa CSS at HTML:

• Dahil sa mga file ng estilo ng CSS ng ilang tema ng WordPress, hindi idinaragdag ang mga istilo ng pre at code tag.
• Karamihan sa mga browser ay kasalukuyang sumusuportamarka.

HTML  Halimbawa ng label

Ang sumusunod ay ang CSS style ng pre tag (na maaaring awtomatikong balutin ang html code) ▼

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;
}

Ang sumusunod ay ang CSS style ng code tag ▼

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

使用 方法:

• Pakikopya ang mga CSS tag sa itaas sa tema ng WordPress style.css sa file.

HTML pre tag function at mga tagubilin sa paggamit

• Tinutukoy ng mga label ang paunang na-format na teksto.
• Sa mga elemento ng markup, ang nilalamang text ay karaniwang nag-iiwan ng mga puwang at line break.
• Ang teksto ay ipapakita din sa monospaced na font.

Ang markup ay kadalasang标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

Kung gusto mong ilagay ang tinukoy na format ng teksto sa HTML, kailangan mong samantalahin ang katangian ng nangungunang elemento.

Mga Tip at Tagubilin

pahiwatig:Ang karaniwang paggamit ng mga tag ay upang kumatawan sa source code ng isang computer.

Mga pagkakaiba sa pagitan ng HTML 4.01 at HTML5

Sa HTML 4.01, ang attribute na "width" ay hindi na ginagamit at hindi magagamit. Hindi sinusuportahan ng HTML5 ang attribute na "width".

Attribute

Paglalarawan ng halaga ng ari-arian

• Hindi sinusuportahan ng HTML5 ng lapad na numero ang attribute na ito.
• Hindi na ginagamit ang attribute na ito sa HTML 4.01.
• Tinutukoy ang maximum na bilang ng mga character bawat linya (karaniwan ay 40,80, 132 o XNUMX).

pandaigdigang pag-aari

• <pre>Sinusuportahan ng Markup ang mga pandaigdigang katangian, at tingnan ang buong property sheet na mga pangkalahatang katangian ng HTML.

Mga katangian ng kaganapan

• Sinusuportahan ng mga tag ang lahat ng katangian ng kaganapan sa HTML.