Maison > interface Web > tutoriel CSS > le corps du texte

Comment envelopper du texte dans un sans espace ?

Patricia Arquette
Libérer: 2024-11-09 00:44:01
original
654 Les gens l'ont consulté

How to Wrap Text in a <td> Sans espaces ? 
Sans espace ? " />

Envelopper le texte sans espace blanc dans un

Pour activer l'habillage du texte dans un sans aucun espace blanc, l'approche suivante peut être utilisé :

.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap;          /* Chrome &amp; Safari */ 
    white-space: -pre-wrap;                 /* Opera 4-6 */
    white-space: -o-pre-wrap;               /* Opera 7 */
    white-space: pre-wrap;                  /* CSS3 */
    word-wrap: break-word;                  /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}
Copier après la connexion

Pour implémenter cela, la structure HTML suivante peut être used :

<table>
Copier après la connexion

Dans cet exemple, un tableau de 400 px de large est créé avec une mise en page fixe. L'élément se voit attribuer la classe "wrapword", qui applique le style CSS pour activer l'habillage du texte.

Cette approche encapsule efficacement le texte dans le sans introduire de sauts d'espaces, même pour les chaînes de caractères continues. Elle a été testée sur Firefox. 5.0, Internet Explorer 8.0 et Chrome 10.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal