猿问

怎么用省略号替代文本框里的部分内容

想在前台文本框里显示内容,但内容较多,所以想显示部分,其余用省略号代替,代码或样式要怎么设置

我爱吃栗子
浏览 1560回答 1
1回答

成者并非一蹴而就

text-overflow:ellipsis  文本溢出用省略号表示<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width,initial-scale=1">     <title>Document</title>     <style type="text/css">     p {         white-space: nowrap;         width: 5em;         text-overflow:ellipsis;         overflow:hidden ;         border:1px solid #AAA;     }     </style> </head> <body>         <p>我是测试的文本啊,飞洒快递费加里奎斯风纪扣拉萨 </p> </body> </html>
随时随地看视频慕课网APP
我要回答