dd里面的文字为什么不会换行
来源：2-7 编程练习
JJJustin
2019-07-03 14:45:05
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.header{
width: 100%;
height: 100px;
background: #eee;
overflow: hidden;
zoom:1;
}
.logo{
float: left;
}
.header img{
width: 200px;
height: 80px;
padding-top: 10px;
}
.nav{
float: right;
}
.nav ul{
line-height: 100px;
overflow: hidden;
zoom:1;
padding-right: 80px;
}
.nav ul li{
float: left;
width: 80px;
list-style: none;
text-align: center;
}
.main{
width: 100%;
height: 500px;
}
.main img{
width: 100%;
height: 500px;
}
.mask{
position: absolute;
background: #000;
width: 100%;
height: 500px;
top: 100px;
left: 0;
opacity: 0.3;
z-index: 1;
}
.m-div{
width: 1000px;
margin: 0 auto;
}
.lifeTitle{
padding: 20px;
text-align: center;
}
.DLDiv{
overflow: hidden;
zoom:1;
}
.leftDL{
width: 450px;
float: left;
margin-left: 33px;
}
.leftDL img{
width: 100%;
}
.leftDL dd{
width: 450px;
}
.rightDL{
width: 450px;
float: left;
margin-left: 33px;
margin-right: 33px;
}
.rightDL img{
width: 100%;
}
.rightDL dd{
width: 450px;
}
</style>
</head>
<body>
<div class="header">
<div class="logo">
<img src="http://climg.mukewang.com/595dd5120001736902000080.png">
</div>
<div class="nav">
<ul>
<li>前端</li>
<li>后端</li>
<li>移动端</li>
<li>数据库</li>
</ul>
</div>
</div>
<div class="main">
<div>
<img src="http://climg.mukewang.com/58f829ca00010be703840240.jpg">
</div>
<div class="mask"></div>
</div>
<div class="m-div">
<div class="lifeTitle">ENJOY THE LIFE</div>
<div class="DLDiv">
<dl class="leftDL">
<dt>
<img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg">
</dt>
<dd>dadasdasdasdasdasdasdddsadascascsadsvasdvasdvasdvasdvsadvadsvasdvasdvasdvasdvadsvdsvsdvsdvsdv</dd>
</dl>
<dl class="rightDL">
<dt>
<img src="http://climg.mukewang.com/58f8290f0001558804260240.jpg">
</dt>
<dd>dadasdasdasdasdasdasdddsadascascsadsvasdvasdvasdvasdvsadvadsvasdvasdvasdvasdvadsvdsvsdvsdvsdv</dd>
</dl>
</div>
</div>
</body>
</html>
老师<dd>里面的文字为什么不会换行
1回答
-
好帮手慕糖
2019-07-03
同学你好，这里跟输入的有关系，英文是以空格为分隔识别一个单词的。而同一个单词是不会分隔的。这里一串字母，中间没有分隔，计算机容易把它识别为一个单词。然后就不分割了，正常的文字是可以换行的。例：
希望能帮助到你，欢迎采纳。
祝学习愉快！
0
相似问题