用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>