您当前位置：首页 > web前端 > htmlcss > CSS实例：overflow 控制文本溢出代码

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

来源：程序员人生发布时间：2014-05-18 07:03:18 阅读次数：3890次

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

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

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

上一篇 VMware下调整linux系统的分辨率

下一篇 有效推广网站的几个小方法不妨一试

分享到:

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

为码而活

积分：4237

15粉丝

7关注

栏目热点