html中包含在div元素中的p元素为什么不根据div的宽度换行
本文介绍了html中包含在div元素中的p元素为什么不根据div的宽度换行的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
代码如下，很简单
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.wrapper{
width:200px;
height: 200px;
border:1px solid red;
}
</style>
</head>
<body>
<div class="wrapper">
<p>fjdskfjskdalfjsadklfjaskldfjask;ldjfadskjfadskl;jfadskjfsadkl;j;flk</p>
</div>
</body>
</html>运行后的显示效果是
我的理解是：
1.div和p是块状元素，块状元素的元素宽度在不设置的情况下是它本身父容器的100%；
2.那么p元素的宽度应该是200（因为div设置的宽度是200）；
3.那么在p标签中输入的英文字母，应该在到达div右侧的红线时转为第二行。
为什么p元素中的英文字母会超出div的区域？
解决方案
英文长单词默认不断行使用css属性，word-wrap:break-word 断行
这篇关于html中包含在div元素中的p元素为什么不根据div的宽度换行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
