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

CSS实例:overflow 控制文本溢出代码,第1张

概述用CSS控制文本溢出,主要是使用了CSS中的overflow属性,关于文本溢出属性的实例,注意文本中段首部分的显示效果。平时我们用到的比较多,因此overflow的用法和使用场合有必要掌握。<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-…

用CSS控制文本溢出,主要是使用了CSS中的overflow属性,关于文本溢出属性的实例,注意文本中段首部分的显示效果。平时我们用到的比较多,因此overflow的用法和使用场合有必要掌握。

<HTML>
<head>
<Meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" />
<Title>Overflow - </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>

总结

以上是内存溢出为你收集整理的CSS实例:overflow 控制文本溢出代码全部内容,希望文章能够帮你解决CSS实例:overflow 控制文本溢出代码所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1024086.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存