DIV+CSS: 单行显示超链接并以省略号方式显示超出部分

1、无任何修饰

显示效果:


所用代码:

<div style="border: 1px solid blue; width: 200px;">
	<a>单行显示超链接并以省略号方式显示超出部分。</a>
</div>

2、单行+省略号方式显示

显示效果:


所用代码:

<div style="border: 1px solid blue; width: 200px;">
	<a style="display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">单行显示超链接并以省略号方式显示超出部分。</a>
</div>

<a>所用样式:

a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

发表于:2015年04月09日 ,阅读量:539 ,标签:CSS · HTML

版权声明:若非特别注明,本站所有文章均为作者原创,转载请务必注明原文地址。