程序员人生 网站导航

CSS实例:overflow 控制文本溢出代码

栏目:htmlcss时间:2014-05-18 07:03:18

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

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐