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

陪她去流浪 桃子 2015年04月09日 编辑 阅读次数:2629

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

标签:CSS · HTML