HTML里的 dl dt dd dd里的文字怎么浮到图片的右边中间怎么浮上去 在DIV+CSS中我想用dl-dt-dd布局、dt是图片dd...
\u5728DIV+CSS\u4e2d\u6211\u60f3\u7528dl-dt-dd\u5e03\u5c40\u3001dt\u662f\u56fe\u7247dd\u662f\u6587\u5b57\uff0cleft\u6f02\u6d6e\u600e\u4e48\u5b9e\u73b0\u6587\u5b57\u5728\u56fe\u7684\u4e2d\u95f4\uff1f\uff1fdt dd\u5bbd\u5ea6\u4e00\u81f4
\u7136\u540e\u7ed9dd\u52a0text-align:center; \u6587\u672c\u5c45\u4e2d\u5373\u53ef\u3002
\u56fe\u7247
\u6587\u5b57
\u6587\u5b57
\u5b9a\u4e49\u6837\u5f0fleft\u3001right\u6765\u5b9e\u73b0\uff0c\u76f4\u63a5\u5b9a\u4e49dd\u6807\u7b7e\u662f\u4e0d\u53ef\u4ee5\u7684\u3002
我看了一下你的代码，你想要的效果跟你的代码对不上的。
你可以这么分解： 一个图片+文字说明是一行
这一行里分2列 一列是图片 一列是文字 全部靠左流动。文字说明又分为2行 。
如图：
代码如下：
<html>
<head>
<title>div</title>
<style type="text/css">
.line{
height: 80px;
clear: both;
background-color: #ccc;
padding: 5px;
}
.leftimg{
width: 70px;
height: 70px;
float: left;
background-color: #ddd;
}
.righttxt{
float: left;
}
.righttxt dd{
height: 30px;
margin: 0 5px 5px 5px;
background-color: #ddd;
}
</style>
</head>
<body>
<div id="con">
<div class="line">
<div class="leftimg">
图片
</div>
<div class="righttxt">
<dd>右边边第一行</dd>
<dd>右边第二行</dd>
</div>
</div>
</div>
</body>
</html>
从设计图到网页的实现，主要是思考怎么分块。只要弄清楚了怎么分块，就跟搭积木一样，组合起来就是了。
希望我的答案能帮到你。
首先把 dl当做 盒子 dt dd相当于盒子里的子盒子 ，dt float:left ;dd float:right(盒子要有宽高 百分比就好)
扩展阅读：w7怎样解决oxcoooooof ... x≡y mod3 是什么意思 ... p r n d 档位什么意思 ... html dl 标签 ... you had better do ... 女生说do it ... html中dl dt dd ... 昂达h410读不了m2硬盘 ... dl dt dd是什么意思 ...
