Maison >interface Web >tutoriel CSS >Comment envelopper du texte dans un sans espace ?

Comment envelopper du texte dans un sans espace ?

Patricia Arquette
Patricia Arquetteoriginal
2024-11-09 00:44:01693parcourir

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

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

<table>

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!

Déclaration:
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