css实现超出长度文字自动隐藏或用省略号表示

 HTML

<a href="" target="_blank"> 业务需求分析书-系统营业日扎帐报表、收费汇总表及收费明细表 </a>

css

a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;display: inline-block;}

 

overflow: hidden;

overflow 属性规定当内容溢出元素框时发生的事情。这个属性定义溢出元素内容区的内容会如何处理。hidden 表示内容会被修剪，并且剪掉的内容是不可见的

text-overflow: ellipsis;

text-overflow 属性规定当文本溢出包含元素时发生的事情。ellipsis 表示显示省略符号来代表被修剪的文本。

white-space: nowrap;

规定文本不进行换行。white-space 属性设置如何处理元素内的空白。nowrap 表示文本不会换行

width: 150px;

属性a标签的长度

display: inline-block;

inline-block 融合行与块内