zoukankan      html  css  js  c++  java
  • 多行文本出现省略号必备的条件(面试题)

     1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4 <meta charset="utf-8">
     5 <title></title>
     6 <style type="text/css">
     7 .box{
     8 width: 600px;
     9 /*多行文本出现省略号必备的条件:主要用在移动端手机页面*/
    10 display: -webkit-box;/*弹性盒模型*/
    11 -webkit-box-orient: vertical;/*规定元素的排列方式:垂直排列*/
    12 -webkit-line-clamp: 2;/*文字的行数,需要显示几行值就写几*/
    13 overflow: hidden;/*溢出隐藏*/
    14 }
    15 </style>
    16 </head>
    17 <body>
    18 <div class="box">栏目概述:①平面设计是什么?平面设计需要学什么?平面设计软件有哪些?ps,AI,cdr为设计师常用做图软件,栏目分享设计师构图经验与素材网站网址.②web前端如何学?前端开发语言有哪些?前端需要学什么?栏目分享html,css,js,h5/css3,jQ和响应式网站设计及前端项目框架开发工具.③cms程序网站是什么?cms程序如何建站?怎样建设cms程序网站?栏目分享织梦dedecms仿站和wordpress博客搭</div>
    19 </body>
    20 </html>

  • 相关阅读:
    Flexbox
    jquery.cropper 裁剪图片上传
    让Sublime Text3支持Less
    css实现图片垂直居中
    手淘适配-flexible
    CSSREM
    vue.js+boostrap最佳实践
    最好用的技术是最基础的
    响应式网页布局
    php基础入门
  • 原文地址:https://www.cnblogs.com/webaction/p/13927266.html
Copyright © 2011-2022 走看看