CSS中文字在水平和竖直方向上重叠

495 阅读1分钟

css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?

line-height :设置大小比字体大小 小 即可实现垂直方向上重叠

letter-spacing : 设置成负值即可实现水平方向上重叠

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		.welcome {
		word-break: normal;
		width: 100px;
		font-size: 16px;
		line-height: 10px;
		letter-spacing: -5px;
		}
	</style>
</head>
<body>
	<p class="welcome">哈哈哈哈哈哈欧耶耶耶耶耶耶</p>
</body>
</html>

效果图:

1