Rumah > hujung hadapan web > html tutorial > CSS截取字符串, 多余的字符用省略号显示

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

WBOY
Lepaskan: 2016-06-01 09:53:32
asal
1674 orang telah melayarinya

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

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan