Comment envelopper du CSS

En CSS, utilisez les deux attributs word-break et white-space pour définir le retour à la ligne automatique. L'attribut word-wrap permet aux mots longs ou aux adresses URL de passer à la ligne suivante et l'attribut white-space ; peut définir le mode de saut de ligne de texte.

L'environnement d'exploitation de cet article : système Windows 7, version CSS3, ordinateur Dell G3.

Comment envelopper du CSS ?

css rend le conteneur incapable de s'insérer dans le retour à la ligne automatique des mots

css peut définir le retour à la ligne automatique des mots via les deux attributs de saut de mot et d'espace blanc. L'attribut word-wrap permet de renvoyer des mots longs ou des adresses URL à la ligne suivante. L'attribut white-space peut définir la méthode d'habillage du texte.

css rend le conteneur incapable de s'adapter et s'enroule automatiquement :

code css :

<style type="text/css">
.linebr {
clear: both; /* 清除左右浮动 */
width: 100px; /* 必须定义宽度 */
border:1px solid ;/*定义容器外边框*/
word-break: break-word; /* 文本行的任意字内断开 */
word-wrap: break-word; /* IE */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
}
</style>

code HTML :

Le contenu du conteneur CSS dépasse (débordement) le retour à la ligne automatique, le contenu du conteneur CSS dépasse (débordement) le retour à la ligne automatique, le contenu du conteneur CSS dépasse (débordement) le retour à la ligne automatique

Rendu :

attribut word-break :

L'attribut word-wrap permet de renvoyer des mots longs ou des adresses URL à la ligne suivante.

Syntaxe :

word-wrap: normal|break-word;

Valeur de l'attribut :

normal Uniquement les sauts de ligne aux points de césure autorisés (les navigateurs conservent le traitement par défaut).

break-word Coupe les lignes à l'intérieur de mots longs ou d'adresses URL.

attribut white-space

L'attribut white-space définit comment gérer les espaces blancs dans l'élément.

Valeur de l'attribut :

normal par défaut. Les espaces blancs sont ignorés par le navigateur.

les pré-espaces seront conservés par le navigateur. Il se comporte comme la balise

 <p>nowrap Le texte ne sera pas renvoyé à la ligne, le texte continuera sur la même ligne jusqu'à ce que la balise <br> </p><p>pre-wrap Préserve les séquences d'espaces, mais s'enroule normalement. </p><p>pre-line fusionne les séquences d'espaces mais conserve les nouvelles lignes. </p><p>inherit spécifie que la valeur de l'attribut white-space doit être héritée de l'élément parent. </p><p>Apprentissage recommandé : "<a href="https://www.php.cn/course/list/12.html" target="_blank">Tutoriel vidéo CSS</a>"</p>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!