加入收藏 | 设为首页 | 会员中心 | 我要投稿 辽源站长网 (https://www.0437zz.com/)- 云专线、云连接、智能数据、边缘计算、数据安全!
当前位置: 首页 > 创业 > 经验 > 正文

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

发布时间:2018-10-09 14:06:26 所属栏目:经验 来源:站长网
导读:用CSS控制文本溢出,主要是使用了CSS中的overflow属性,关于文本溢出属性的实例,注意文本中段首部分的显示效果。平时我们用到的比较多,因此overflow的用法和使用场合有必要掌握。 html head meta http-equiv=Content-Type content=text/html; charset=ut

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

(编辑:辽源站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读