但是不会用登dl，dt，dd标签，求指教
来源：2-7 编程练习
qq_慕先生2229342
2020-04-26 16:55:36
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
/*此处写代码*/
body{
margin:0;
padding:0;
}
.commen{
width:1000px;
height:400px;
background:red;
}
h3{
text-align:center;
}
.com{
float:left;
padding:10px;
}
.com2{
float:right;
}
img{
display:block;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="commen">
<h3>ENJOY THE LIFE</h3>
<div class="com">
<dl>
<dt></dt>
<dd><img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg"></dd>
<dd>
假装我是一段英文假装我是一段英文假装我是一段英文假装<br>我是一段英文假装我是一段英文假装我是一段英文假装我是<br>一段英文假装我是一段英文假装我是一段英文假装我是一段<br>英文假装我是一段英文假装我是一段英文
</dd>
</dl>
</div>
<div class="com com2">
<dl>
<dt></dt>
<dd><img src="http://climg.mukewang.com/58f8290f0001558804260240.jpg"></dd>
<dd>假装我是一段英文假装我是一段英文假装我是一段英文假装<br>我是一段英文假装我是一段英文假装我是一段英文假装我是<br>一段英文假装我是一段英文假装我是一段英文假装我是一段<br>英文假装我是一段英文假装我是一段英文
</dd>
</dl>
</div>
</div>
</body>
</html>
1回答
-
同学你好，dd标签默认有左侧间距40px
这样导致间距增加了间隙。可以设置去掉
图片可以修改为dt标签嵌套
样式上没有问题，可以再测试下，祝学习愉快！
0
相似问题
回答 1