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编译时会被干掉

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

    点解?

    效果图

     

     

  • 相关阅读:
    iOS 字体
    接口继承和实现继承的区别
    实验楼实验——LINUX基础入门
    试看看能不能发布
    mysql binlog恢复
    percona
    ssh2 php扩展
    sphinx
    ngios
    socketlog
  • 原文地址:https://www.cnblogs.com/522040-m/p/10019637.html
Copyright © 2011-2022 走看看