Maison > interface Web > tutoriel HTML > Interception automatique du texte long HTML après qu'il dépasse la largeur de la production de la page tag_HTML/Xhtml_Web

Interception automatique du texte long HTML après qu'il dépasse la largeur de la production de la page tag_HTML/Xhtml_Web

WBOY
Libérer: 2016-05-16 16:40:55
original
1351 Les gens l'ont consulté

Lorsque nous affichons du texte long, nous devons souvent intercepter des caractères du côté C#, mais ce n'est certainement pas un bon aspect, car notre texte long est souvent balisé en HTML. Si vous ne le chargez pas correctement, des caractères tronqués apparaîtront. (La moitié de la marque HTML apparaît), et une meilleure façon est d'utiliser CSS pour implémenter cette fonction
La balise span forcera le retour à la ligne continu lorsque le contenu dépasse la limite

Copier le code
Le code est le suivant :

white-space:nowrap;white-space:norma;display:inline-block;
Afficher en continu le côté anglais au-delà du masquage automatique (doit être dans un élément de bloc)


Copiez le code Le code est le suivant :
overflow:hidden;white-space:nowrap;

Et si vous souhaitez ajouter un... après le texte , vous pouvez utiliser text-overflow : points de suspension;Général Les principaux navigateurs prennent en charge cet attribut


Copiez le codeLe code est tel suit :
.tbconxx {
float: left;
width: 255px;
remplissage: 5px 10px
}
.tbconxx li,tbconxx span {
padding-left : 7px ;
text -overflow : points de suspension ;
overflow : caché
affichage : bloc ;
espace blanc : nowrap ; >}


C'est tout. Vous pouvez obtenir l'effet de masquer automatiquement le texte qui dépasse la limite.
Étiquettes associées:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal