html 如何让<dl>里面的<dt>和<dd>按行排列,就是在同一行上边

要<dt>和<dd>在同一行... 要<dt>和<dd>在同一行 展开
 我来答
正牌小卡
2011-09-11 · TA获得超过207个赞
知道小有建树答主
回答量:499
采纳率:66%
帮助的人:151万
展开全部
.menuDiv {width:1px;height:32px;background:#999}

#submenu { MARGIN: 10px 0px 0px 10px;
PADDING: 0px;
float:left;
BORDER: #fff 1px solid;
BACKGROUND: #fff;
COLOR: #fff;
HEIGHT:25px;
}

#submenu ul { CLEAR: left;
MARGIN: 0px;
PADDING:0px;
BORDER: 0px;
LIST-STYLE-TYPE: none;
TEXT-ALIGN: center;
DISPLAY:inline; /*不换行*/
}

#submenu li { FLOAT:left; /*横向浮动*/
MARGIN: 0px;
display:block;
line-height:28px;
PADDING: 0px;
TEXT-ALIGN: center
}

#submenu li a { DISPLAY: block;
PADDING:2px 2px 2px 2px;
BACKGROUND:#fff transparent no-repeat 2px 2px;
FONT-WEIGHT: bold;
WIDTH: 100%;
COLOR: #666;
TEXT-DECORATION: none;
}

#submenu li a:hover { BACKGROUND:#666 no-repeat 2px 2px; COLOR: #fff; }

#submenu ul li#one A { WIDTH: 50px}
#submenu ul li#two A { WIDTH: 75px}
#submenu ul li#three A { WIDTH: 75px}
#submenu ul li#four A { WIDTH: 75px}
#submenu ul li#five A { WIDTH: 75px}
#submenu ul li#six A { WIDTH: 75px}
#submenu ul li#seven A { WIDTH: 50px}
对应代码:如下
<div id="submenu">
<ul>
<li id="one"><a title="首页" href="../../../BookWeb/Web/Index.aspx">首页</a></li>
<li class="menuDiv"></li>
<li id="two"><a title="技术讨论" href="../../../BookWeb/Web/BBS/BBS.aspx">开发论坛</a></li>
<li class="menuDiv"></li>
<li id="three"><a title="技术文章" href="../../../BookWeb/Web/TecBooks/TecBooks.aspx">技术文章</a></li>
<li class="menuDiv"></li>
<li id="four"><a title="游戏动态" href="../../../BookWeb/Web/News/News.aspx">游戏动态</a></li>
<li class="menuDiv"></li>
<li id="five"><a title="个人博客" href="../../../BookWeb/Web/Blog/Blog.aspx">个人空间</a></li>
<li class="menuDiv"></li>
<li id="six"><a title="相关教程" href="../../../BookWeb/Web/Download/Download.aspx">资源下载</a></li>
<li class="menuDiv"></li>
<li id="seven"><a title="关于" href="../../../BookWeb/Web/About/About.aspx">关于</a>
</li>
</ul>
</div>
dongzhk1
2012-10-12 · TA获得超过159个赞
知道答主
回答量:84
采纳率:0%
帮助的人:16.2万
展开全部
<style>
dl{clear:left;}
dt,dd{float:left;}
</style>
<dl>
<dt>test </dt>
<dd>t1 </dd>
</dl>
<dl>
<dt>test2 </dt>
<dd>t2 </dd>
</dl>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式