给div设置大小无法限制里面文本内容溢出

最新推荐文章于 2024-12-16 15:27:04 发布

原创最新推荐文章于 2024-12-16 15:27:04 发布 · 2.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#html #css

收录于

当为div设定尺寸时，内部文本超出边界会自动溢出，仅在指定换行指令时才会换行。如何限制文本内容并避免溢出?

给div设置大小无法限制里面文本内容，当里面的文本超过div盒子，自动会溢出，按盒子内容的实际宽高显示。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		* {
			margin: 0;
			padding: 0;
		}
		div {
			width: 30px;
			height: 40px;
		}
	</style>
</head>
<body>
	<div>
		hdu shfadsiafasdhfahsdsufhkdlsjfaosdhfoihsifhsohfisdhoffohsifisfsbr	<br />hdu shfadsiafasdhfahsdsufhkdlsjfaosdhfoihsifhsohfisdhoffohsifisfsbr	<br />hdu shfadsiafasdhfahsdsufhkdlsjfaosdhfoihsifhsohfisdhoffohsifisfsbr	<br />hdu shfadsiafasdhfahsdsufhkdlsjfaosdhfoihsifhsohfisdhoffohsifisfsbr	<br />hdu shfadsiafasdhfahsdsufhkdlsjfaosdhfoihsifhsohfisdhoffohsifisfsbr	<br />hdu shfadsiafasdhfahsdsufhkdlsjfaosdhfoihsifhsohfisdhoffohsifisfsbr	<br />hdu shfadsiafasdhfahsdsufhkdlsjfaosdhfoihsifhsohfisdhoffohsifisfsbr	<br />hdu shfadsiafasdhfahsdsufhkdlsjfaosdhfoihsifhsohfisdhoffohsifisfsbr	<br />hdu shfadsiafasdhfahsdsufhkdlsjfaosdhfoihsifhsohfisdhoffohsifisfsbr	<br />hdu shfadsiafasdhfahsdsufhkdlsjfaosdhfoihsifhsohfisdhoffohsifisfsbr	<br />hdu shfadsiafasdhfahsdsufhkdlsjfaosdhfoihsifhsohfisdhoffohsifisfsbr	<br />
	</div>
</body>
</html>