Cosa hè pre in stile CSS? U rolu di pre wrapping tag code in HTML

avemu adupràU situ di WordPressAvete bisognu di amparà qualchi basi di CSS è HTML:

  • A causa di i schedari di stile CSS di certi temi di WordPress, i stili di tag pre è codice ùn sò micca aghjuntu.
  • A maiò parte di i navigatori supportanu attualmentemarcatu.

HTML 5 image schermu adattativu img codice di scala proporzionale per a pagina web HTML XNUMX

HTML  Esempiu di etichetta

U seguitu hè u stilu CSS di u pre tag (chì pò imbarcà automaticamente u codice 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;
}

U seguitu hè u stilu CSS di u codice tag ▼

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

Istruzzioni:

  • Per piacè copià i tag CSS sopra à u tema di WordPress style.css in u schedariu.

Funzione HTML pre tag è struzzioni d'usu

  • L'etichette definiscenu u testu preformattatu.
  • In l'elementi di marcatura, u testu cuntenutu generalmente lascia spazii è interruzioni di linea.
  • U testu serà ancu affissatu in font monospaced.

A marcatura hè spessu标记结合使用,以获得更精确的语义,用于标记需要在页面中呈现的源代码。

Se vulete mette u furmatu di testu specificatu in HTML, avete bisognu di prufittà di l'attributu di l'elementu principale.

Cunsiglii è Instructions

suggerimentu:Un usu cumuni di e tag hè di rapprisintà u codice fonte di un computer.

Differenze trà HTML 4.01 è HTML5

In HTML 4.01, l'attributu "larghezza" hè obsoletu è ùn pò micca esse usatu. HTML5 ùn sustene micca l'attributu "larghezza".

Attributu

Descrizzione di u valore di a pruprietà

  • U numeru di larghezza HTML5 ùn sustene micca stu attributu.
  • Stu attributu hè obsoletu in HTML 4.01.
  • Definisce u numeru massimu di caratteri per linea (di solitu 40,80, 132 o XNUMX).

pruprietà globale

  • <pre>Markup supporta l'attributi glubale, è vede u fogliu di pruprietà cumpletu HTML attributi glubale.

Pruprietà di l'avvenimentu

  • I tags supportanu tutti l'attributi di l'eventi HTML.

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) hà spartutu "Chì hè pre in stile CSS? U rolu di i tag di codice di imballaggio di linea pre-automatica in HTML" hè d'aiutu per voi.

Benvenuti à sparte u ligame di stu articulu:https://www.chenweiliang.com/cwl-2116.html

Benvenuti à u canali Telegram di u blog di Chen Weiliang per avè l'ultime aghjurnamenti!

🔔 Siate u primu à uttene a preziosa "Guida d'Utilisazione di l'Utili di l'AI di Marketing di cuntenutu ChatGPT" in u cartulare di u canali! 🌟
📚 Questa guida cuntene un valore enormu, 🌟Questa hè una rara opportunità, ùn mancate micca! ⏰⌛💨
Condividi è mi piace se ti piace!
A vostra spartera è Mi piace sò a nostra motivazione cuntinua!

 

发表 评论

U vostru indirizzu email ùn serà micca publicatu. I campi richiesti sò aduprati * Etichetta

scorri in cima