用CSS控制文本溢出,主要是使用了CSS中的overflow属性,关于文本溢出属性的实例,注意文本中段首部分的显示效果。平时我们用到的比较多,因此overflow的用法和使用场合有必要掌握。
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Overflow - Liehuo.Net</title> 
<style> 
div 
{ 
text-overflow:ellipsis; 
overflow:hidden; 
white-space:nowrap; 
font-size:36px; 
width:400px; 
} 
p 
{ 
text-overflow:ellipsis; 
overflow:visible; 
white-space:nowrap; 
font-size:36px; 
width:400px; 
} 
</style> 
</head> 
<body> 
<div>这是一个关于文本溢出属性的实例。</div> 
<p>这是一个关于文本溢出属性的实例。</p> 
</body> 
</html>