overflow隐藏加省略号014

最新推荐文章于 2024-04-21 22:40:04 发布

陀陀吖

最新推荐文章于 2024-04-21 22:40:04 发布

阅读量756

点赞数

分类专栏： html与css

本文链接：https://blog.csdn.net/weixin_40422393/article/details/88909972

版权

html与css 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>overflow</title>
	<style>
	div{
		width: 200px;
		height: 200px;
		background-color: pink;
		/*overflow: hidden; */  /*溢出隐藏*/
		/*overflow: scroll; */  /*这种总是自动添加滚动条 太丑不要用*/
		/*overflow: auto;*/   /*超出就加滚动条，不超出就不添加滚动条*/

		cursor: pointer;   /*让鼠标上去变成小手*/   /*text   move*/

		/*超出部分加省略号*/
		overflow: hidden;
		text-overflow: ellipsis;
		/*line-height: 30px;*/
	} 
	</style>
</head>
<body>
	<div>15345346546757568777777
	777777777777777777777777777777
	7777777777777777777777777777777
	77777777777777777777777777777777
	77777777777777777777777777777777
	77777777777777777777777777777777
	777777777777777777777777777777777
	777777777777777777777777777777777
	777777777777777777777777777777777
	777777777777777777777777777777777
	777777777777777777777777777777777
	777777777777777777777777777777777
	777777777777777777777777777777777
	777777777777777777777777777777777
	77777777777777777777777777777</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

陀陀吖

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
overflow隐藏加省略号014

div{ width: 200px; height: 200px; background-color: pink; /*overflow: hidden; */ /*溢出隐藏*/ /*overflow: scroll; */ /*这种总是自动添加滚动条太丑不要用*/ /*overflow: auto;*/ /*超出就加滚动条，不超出就不添加滚动条*/ cursor: p...
复制链接

扫一扫