zoukankan      html  css  js  c++  java
  • css 控制文本显示

    常见的有溢出三点隐藏

    控制在一行

    条件

    有宽度 px %都可

    溢出隐藏 overflow:hidden 

    强制一行显示 white-space:nowrap

    文本溢出点点点显示 text-overflow:ellipsis

    效果

    控制在多行之后进行点点点显示

    可以通过改变-webkit-line-clamp:(行数)控制行数显示

    通过查阅了解到这个属性并未出现在css规范中 

    主要功能是控制块儿内元素的文本显示行数

    与之搭配的则有display:-webkit-box 弹性伸缩盒子

    还有-webkit-box-orient:控制文本显示内容排列方向

    据说-webkit-box-orient编译时会被干掉

    使用注释就可以完美解决这个问题

    点解?

    效果图

     

     

  • 相关阅读:
    动词的形态及变化(转)
    数论基础
    P1505 [国家集训队]旅游
    贪心常见题
    主席树
    卡常火车头
    AC自动机
    左偏树
    位运算
    Linux下Vim常用操作
  • 原文地址:https://www.cnblogs.com/522040-m/p/10019637.html
Copyright © 2011-2022 走看看