zoukankan      html  css  js  c++  java
  • css布局样式属性【text-overflow】

    当文本过长,需缩略显示时,使用CSS属性【text-overflow】即可满足需求:
    关键字: text-overflow:ellipsis
    语法:text-overflow : clip | ellipsis

    clip :默认值 。不显示省略标记(...),而是简单的裁切.
    ellipsis: 当对象内文本溢出时显示省略标记(...).

    注意:text-overflow 还只是ie的私有属性而已,也没被收录到w3c标准里 。

    overflow: hidden; text-overflow:ellipsis;white-space:nowrap;一定要一起用

    1.一定要给容器定义宽度.

    2.如果少了overflow: hidden;文字会横向撑到容易的外面

    3.如果少了white-space:nowrap;文字会把容器的高度往下撑;即使你定义了高度,省略号也不会出现,多余的文字会被裁切掉

    4.如果少了text-overflow:ellipsis;多余的文字会被裁切掉,就相当于你这样定义text-overflow:clip.如果容器是table,当文字内容过多时,不换行,而是出现...

    table{table-layout:fixed;}
    td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  • 相关阅读:
    CSS躬行记(9)——网格布局
    CSS躬行记(8)——裁剪和遮罩
    CSS躬行记(7)——合成
    CentOS 系统目录解析
    Linux 命令快捷键
    秒的精确度
    Oracle和mysql中装逼dual表的用途介绍
    mysql 的mgr集群
    ansible笔记
    cygwin
  • 原文地址:https://www.cnblogs.com/yantz/p/4561305.html
Copyright © 2011-2022 走看看