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

dawei

【声明】:嘉兴站长网内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。