Maison  >  Article  >  interface Web  >  Utilisez CSS pour résoudre le problème selon lequel le nombre de caractères dans le titre dépasse la méthode de substitution des points de suspension

Utilisez CSS pour résoudre le problème selon lequel le nombre de caractères dans le titre dépasse la méthode de substitution des points de suspension

PHPz
PHPzoriginal
2017-06-06 09:26:323141parcourir

Le nombre de mots dans le titre dépasse la scène :

Utilisez CSS pour résoudre le problème selon lequel le nombre de caractères dans le titre dépasse la méthode de substitution des points de suspension

Je ne peux pas le laisser s'enrouler dans la colonne la plus à gauche, que dois-je faire ?

Étape 1 : Masquer le contenu en excès lorsque le contenu dépasse la largeur

Étape 2 : Afficher l'omission lorsque le texte dans le l'objet déborde de Mark (...)

Voici la solution :

table{
	width:100px;
	table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */
}
td{
	width:100%;
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用*/

[Recommandations associées]

1. Le nombre de les caractères affichés dans le contrôle de texte HTML dépassent Utilisation de points de suspension

2. Méthode CSS pour résoudre le problème selon lequel le nombre de mots de texte dépasse l'affichage des points de suspension... (une seule ligne, plusieurs texte de la ligne)

3. Tutoriel vidéo gratuit CSS en ligne

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