个人博客 > 学无止境 > WEB前端 > CSS自动换行

CSS自动换行

大家都知道连续的英文或是会让容器撑大,不能根据容器的大小自动换行,例如下图:

CSS自动换行对于div或者p(内容容器)代码如下:

<!doctype html>
<html>
<head>
<title>css自动换行-琅枫博客</title>
</head>
<style>
#wrap{white-space:normal; width:100px; word-break:break-all;} 
</style>
<body>
<div id="wrap">ddd1111111111111111111111111111111111</div> 
</body>
</html>

效果图如下:

CSS自动换行

本文出自:琅枫个人博客。如需转载请注明出处!

本文出处:"https://www.phpfeng.cn/learn/web/133.html"

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对琅枫博客的支持! ~(@^_^@)~

微信打赏

琅枫博客微信号

支付宝打赏

琅枫博客个人支付宝
本文关键词: CSS自动换行



你想在庞大的互联网上留下一丝足迹?

我不想成为一个庸俗的人。十年百年后,当我们死去,质疑我们的人同样死去,后人看到的是裹足不前、原地打转的你,还是一直奔跑、走到远方的我?

点我了解如何搭建个人博客?