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

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
Libérer: 2017-06-06 09:26:32
original
3086 Les gens l'ont consulté

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;一起使用*/
Copier après la connexion

[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!

É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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!