区区小爱 2020-12-06 10:46 采纳率: 66.7%
浏览 117
已采纳

如何让dt标签在左侧固定坚排,dd横排显示?

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<%Response.Charset="utf-8"%>
<!DOCTYPE html>
<!--#include file="hengdabg.asp"-->
<!--#include file="hengdada.asp"-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        dl {
            margin-bottom:50px;
        }
        dl dt {
            background:#5f9be3;
            color:#fff;
            float:left;
            font-weight:bold;
            margin-right:10px;
            padding:5px;
            width:100px;
        }
        dl dd {
            margin:2px 0;
            padding:5px 0;
        }
        .aui{margin: 5px;}
    </style>
</head>
<body>
<dl>
<%
    set rs_zb=conn.execute("select * from a1  ORDER BY id asc")
    do while not rs_zb.eof
%>
    <dt><%=rs_zb("a1")%></dt>
<%
	set rs=conn.execute("select * from a2 where b4="&rs_zb("a4")&" ORDER BY id asc")
%>

    <dd>
    <%do while not rs.eof%>
    <a href="#" class="aui"><%=rs("b1")%></a>
    <%
    rs.movenext
    loop
	rs.close
	set rs=nothing 
    %>
</dd>
<%
    rs_zb.movenext
    loop
	rs_zb.close
	set rs_zb=nothing 
%>

    </dl>
</body>
</html>

最后这副图我以前是用表格table制作的,在html+CSS面前我是新手中的新手,正在学习,所以很多的东西用到DIV等就做不出我想要的

  • 写回答

2条回答 默认 最新

  • 天际的海浪 2020-12-06 15:32
    关注

    或者dt加上 clear: left;

            dl dt {
                background:#5f9be3;
                color:#fff;
                float:left;
                font-weight:bold;
                margin-right:10px;
                padding:5px;
                width:100px;
                clear: left;
            }
     

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 微信会员卡接入微信支付商户号收款
  • ¥15 如何获取烟草零售终端数据
  • ¥15 数学建模招标中位数问题
  • ¥15 phython路径名过长报错 不知道什么问题
  • ¥15 深度学习中模型转换该怎么实现
  • ¥15 HLs设计手写数字识别程序编译通不过
  • ¥15 Stata外部命令安装问题求帮助!
  • ¥15 从键盘随机输入A-H中的一串字符串,用七段数码管方法进行绘制。提交代码及运行截图。
  • ¥15 TYPCE母转母,插入认方向
  • ¥15 如何用python向钉钉机器人发送可以放大的图片?