欢迎光临
我的个人博客网站

单行文本出现省略号必备的条件(面试题)

单行文本出现省略号必备的4个条件缺一不可:

  1. width宽度(不写宽度默认继承父元泰的宽度)
  2. overflow:hidden溢出隐臧
  3. white-space:nowrap;强制不折行
  4. text-overtlo:ellipsis;文字隐藏的方式:以省略号的方式隐臧
 1 <!DOCTYPE html>  2 <html>  3 <head>  4 <meta charset="utf-8">  5 <title></title>  6 <style type="text/css">  7 .content{  8 width: 600px;  9 overflow: hidden; 10 white-space: nowrap; 11 text-overflow: ellipsis; 12 } 13 </style> 14 </head> 15 <body> 16 <div class="content">栏目概述:①平面设计是什么?平面设计需要学什么?平面设计软件有哪些?ps,AI,cdr为设计师常用做图软件,栏目分享设计师构图经验与素材网站网址.②web前端如何学?前端开发语言有哪些?前端需要学什么?栏目分享html,css,js,h5/css3,jQ和响应式网站设计及前端项目框架开发工具.③cms程序网站是什么?cms程序如何建站?怎样建设cms程序网站?栏目分享织梦dedecms仿站和wordpress博客搭</div> 17 </body> 18 </html>

单行文本出现省略号必备的条件(面试题)

赞(0) 打赏
未经允许不得转载:张拓的天空 » 单行文本出现省略号必备的条件(面试题)
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏