问题
写了这样一段代码，p标签的内容溢出了
<!DOCTYPE html>
<html>
<head>如何让p标签的内容自动换行？</head>
<body>
<div style="width: 400px; background-color:lightcoral ;" >
<span>Title1</span>
<p>
Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1
</p>
</div>
</body>
</html>
如何让p标签的内容自动换行？
给p标签添加一个样式 word-break: break-all;word-wrap: break-word;就可以啦！
p{
word-break: break-all;
word-wrap: break-word;
}
完整的html代码
<!DOCTYPE html>
<html>
<head>如何让p标签的内容自动换行？</head>
<style>
p{
word-break: break-all;
word-wrap: break-word;
}
</style>
<body>
<div style="width: 400px; background-color:lightcoral ;" >
<span>Title1</span>
<p>
Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1
</p>
</div>
</body>
</html>
注意：本文归作者所有，未经作者允许，不得转载
