书本中没遇到的小知识点

发表于 | 分类于

在学习JavaScript的一些总结和经验，供大家参考和学习，同时也欢迎大家参与讨论。

如何将文字超出元素的部分变成省略号…

  • 单行文本溢出变成省略号
1
2
3
4
5
6
7
8
9
10
11
12
13
14
	<style>
		p{
			width: 200px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	</style>
</head>
<body>
	<p>
		拉丝粉了解萨达卡视角开发商拉丝粉了解萨达卡视角开发商拉丝粉了解萨达卡视角开发商拉丝粉了解萨达卡视角开发商
	</p>
</body>
  • 多行文本溢出变成省略号
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
	<style>
		p{
			width: 200px;
			overflow:hidden; 
			text-overflow:ellipsis;
			display:-webkit-box; 
			-webkit-box-orient:vertical;
			-webkit-line-clamp:2;
		}
	</style>
</head>
<body>
	<p>
		拉丝粉了解萨达卡视角开发商拉丝粉了解萨达卡视角开发商拉丝粉了解萨达卡视角开发商拉丝粉了解萨达卡视角开发商
	</p>
</body>
  1. P元素不能包含div
  2. li元素的祖先元素可能是li，但父元素不可能是li
  3. a元素可以包含img


文章标题: 书本中没遇到的小知识点
文章作者: 王奕聪，QQ:1301842163
许可协议: 知识共享许可协议
©署名-非商用-相同方式共享 4.0