经常用到的css样式

原创 2015年11月19日 21:01:19

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

   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 | 多行文本溢出省略号

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

HTML常用的特殊符号总结 2014年9月12日 22704次浏览 html中经常会用到一些特殊符号,例如箭头,雪花,心形等等,这些符号就不用css样式或者图片来写了,直接用html特殊符号可以实现。

HTML常用的特殊符号总结 html中经常会用到一些特殊符号,例如箭头,雪花,心形等等,这些符号就不用css样式或者图片来写了,直接用html特殊符号可以实现。 例如,...

一款漂亮的css样式,

  • 2015年09月22日 14:26
  • 1KB
  • 下载

aurelia-css样式

  • 2017年08月05日 17:27
  • 162KB
  • 下载

CSS样式—之强制换行的写法

内容提要:CSS样式—之强制换行的写法,大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法!     大家都知道连续的英文或数字能是容器被撑...

js改变css样式

  • 2015年04月30日 21:18
  • 32KB
  • 下载

css样式 做的学校简介

  • 2009年12月28日 00:50
  • 1.51MB
  • 下载

针对IE浏览器单独写CSS样式的几种方法

IE浏览器单独写CSS样式的几种方法1.CSS Hack 举例如下:.box { background: gray; /* 基本的 */ background: pink\9; ...

css样式大全(整理版)

  • 2017年04月21日 14:30
  • 62KB
  • 下载

css样式中的class,style与id的优先级问题

在写css样式的时候我们要注意的有顺序问题,更重要的时候style,class与id之间的优先级问题,在页面初次完工未经改变,或者页面复杂程度很小的时候,搞不清楚这三者之间的优先级问题,似乎并没有什么...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:经常用到的css样式
举报原因:
原因补充:

(最多只允许输入30个字)