Maison > interface Web > tutoriel HTML > CSS截取字符串, 多余的字符用省略号显示

CSS截取字符串, 多余的字符用省略号显示

WBOY
Libérer: 2016-06-01 09:53:32
original
1673 Les gens l'ont consulté

通常我们截取字符串是用动态语言的函数来处理,本例采用css方法来处理因字符串过长导致的样式不合理的问题。 本人认为这种方法比用函数来截取字符串长度更好。
css代码如下:

<code>a.name{
    line-height: 30px;
    text-align: center;
    text-overflow:ellipsis;//让超出的用...实现
    white-space:nowrap;//禁止换行
    overflow:hidden;//超出的隐藏
    display: block;
}</code>
Copier après la connexion

É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