dd标签中的文字怎么自动换行呢
来源：2-7 编程练习
午炎子栩
2019-07-18 00:08:25
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
/*此处写代码*/
*{margin: 0;padding:0;}
.container{
width:1000px;
height: 800px;
background: #999999;
}
.container .title{
width: 100%;
text-align: center;
font-family: "microsoft yahei";
font-size:20px;
/* font-weight:300px; */
padding-top: 20px;
}
.container .con{
width: 100%;
height: auto;
overflow:hidden;
zoom:1;
/* margin: 0 auto; */
}
.container .con dl{
width: 426px;
float: left;
/* padding-left:20px ; */
padding:30px 37px ;
}
.container .con dl dd{
max-width: 426px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="container">
<div class="title"><h1>EJNOY THE LIFE</h1></div>
<div class="con">
<dl>
<dt><img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg"/></dt>
<dd><p>asrtgasdgafafasdfasdfasfdasdfasfasgdfasdgasdgasdfgadsgdsfgasdgfasfgasf</p></dd>
</dl>
<dl>
<dt><img src="http://climg.mukewang.com/58f8290f0001558804260240.jpg"/></dt>
<dd>asrtgasdgafafasdfasdfasfdasdfasfasgdfasdgasdgasdfgadsgdsfgasdgfasfgasf</dd>
</dl>
</div>
</div>
</body>
</html>
1回答
-
同学你好， 这里跟输入的有关系，英文是以空格为分隔识别一个单词的。而同一个单词是不会分隔的。这里一串字母，中间没有分隔，计算机容易把它识别为一个单词。然后就不自动换行了，正常的文字是可以换行的。示例：
效果图：
建议： 同学可以修改一下段落中的文字哦
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~~
1
相似问题
回答 1
回答 2