文本在超出外层边界后自动换行

最新推荐文章于 2023-10-16 20:48:29 发布

原创最新推荐文章于 2023-10-16 20:48:29 发布 · 733 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

css 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种利用CSS实现长文本自动换行的方法。通过设置DIV的宽度限制及使用word-wrap属性，可以使超过指定宽度的文本自动换行，保持页面布局整洁。

[size=medium][color=olive]当一段很长的文字在一个DIV中，DIV有宽度限制，当文字超出指定宽度后会自动换行[/color][/size]



<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script>

	</script>
</head>
</style>  
	<body>
		<div style='width:150px;height:150px;border:1px solid green;'>
			<span style="width:150px;word-wrap:break-word;">sdkjfdjkdfkjdfkjfdkj932989843yfhjjvbhdhhksdjkhjksdfk</span>
		</div>
	</body>
</html>