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

最新推荐文章于 2021-09-30 10:06:04 发布

xyy_html

最新推荐文章于 2021-09-30 10:06:04 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

文章标签： html css

本文链接：https://blog.youkuaiyun.com/xyy_html/article/details/105874971

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

给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>