Qu'est-ce qu'un pré dans le style CSS ? Le rôle des balises de code de pré-emballage dans HTML

nous utilisonsSite web WordpressBesoin d'apprendre quelques bases de CSS et HTML :

  • En raison des fichiers de style CSS de certains thèmes WordPress, les styles de balises pré et code ne sont pas ajoutés.
  • La plupart des navigateurs prennent actuellement en chargemarque.

Page Web HTML 5 image écran adaptatif img code de mise à l'échelle proportionnelle

HTML  Exemple d'étiquette

Voici le style CSS de la balise pre (qui peut automatiquement envelopper le code 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;
}

Voici le style CSS de la balise de code ▼

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

Utilisation:

  • Veuillez copier les balises CSS ci-dessus dans le thème WordPress style.css dans le fichier.

Fonction de pré-balise HTML et instructions d'utilisation

  • Les étiquettes définissent le texte préformaté.
  • Dans les éléments de balisage, le texte contenu laisse généralement des espaces et des sauts de ligne.
  • Le texte sera également affiché en police à chasse fixe.

Le balisage est souvent标记结合使用,以获得更精确的语义,用于标记需要在页面中呈现的源代码。

Si vous souhaitez placer le format de texte spécifié en HTML, vous devez tirer parti de l'attribut de l'élément principal.

Conseils et instructions

indice:Une utilisation courante des balises consiste à représenter le code source d'un ordinateur.

Différences entre HTML 4.01 et HTML5

Dans HTML 4.01, l'attribut "width" est obsolète et ne peut pas être utilisé. HTML5 ne prend pas en charge l'attribut "width".

属性

Description de la valeur de la propriété

  • Le numéro de largeur HTML5 ne prend pas en charge cet attribut.
  • Cet attribut est obsolète dans HTML 4.01.
  • Définit le nombre maximum de caractères par ligne (généralement 40,80, 132 ou XNUMX).

propriétés globales

  • <pre>Le balisage prend en charge les propriétés globales et consultez les propriétés globales HTML de la feuille de propriétés complète.

Propriétés de l'événement

  • Les balises prennent en charge tous les attributs d'événement HTML.

J'espère que le blog de Chen Weiliang ( https://www.chenweiliang.com/ ) partagé "Qu'est-ce qu'un pré dans le style CSS ? Le rôle des balises de code pré-retour à la ligne automatique dans HTML" vous est utile.

Bienvenue à partager le lien de cet article :https://www.chenweiliang.com/cwl-2116.html

Bienvenue sur la chaîne Telegram du blog de Chen Weiliang pour obtenir les dernières mises à jour !

🔔 Soyez le premier à obtenir le précieux « Guide d'utilisation de l'outil d'IA de marketing de contenu ChatGPT » dans le répertoire supérieur de la chaîne ! 🌟
📚 Ce guide contient une valeur énorme, 🌟C'est une opportunité rare, ne la manquez pas ! ⏰⌛💨
Partagez et likez si vous aimez !
Vos partages et likes sont notre motivation continue !

 

发表 评论

Votre adresse email ne sera pas publiée. 项 已 用 * 标注

到 顶部