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;
}