关闭

经常用到的css样式

标签: css
60人阅读 评论(0) 收藏 举报
分类:

一、文本超出包含它元素的部分隐藏,并在文本最后显示省略号

   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;

三句话顺序可以交换;

white-space属性控制三种属性:
空白符号合并还是保留;
文本超出容器是否换行;
空白符号合并enter是否保留;

空白符号:
空格键,显示1个空白;
tab键(”\t”),显示4个空白;
enter键(“\n”),文本黄航;

空白符号合并是指,无论哪一种,数目只要大于0,在字符串之首全部忽略,文本中的合并成一个。

text-overflow属性:文本溢出包含元素时发生什么
默认clip,修建文本;
ellipsis,超出文本用省略号代替;
string,这个目前不会玩。

这个属性和overflow:hidden和white-space:nowrap一起使用才可以。

white-space | text-overflow | overflow | 多行文本溢出省略号

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:158次
    • 积分:30
    • 等级:
    • 排名:千里之外
    • 原创:3篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档
    阅读排行