区区小爱
2020-12-06 10:46
采纳率: 100%
浏览 26

如何让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;
            }
     

    点赞 打赏 评论
  • 天际的海浪 2020-12-06 15:29

    dt和dd明确设置为一致的高度

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

    点赞 打赏 评论

相关推荐 更多相似问题