有关html中<dl>、<dd>布局的问题,高分悬赏!

情况是这样的,<dl><dd>类别内容</dd></dl>,然后<dd>把一整行都占用完了,我在<dl>标签里面再加入一个<dd>标签,却与之前的<dd>不在同一行,我调整了两个一个dd的宽度为很小,这两个dd还是不能在同一行,我的需求就是这样的:<dl><dd>类别</dd><dd>类别内容</dd></dl>,“类别”和“类别内容”要在同一行。如何实现?在线等,回答满意还可以追加分值。

<dd>是块级元素,块级元素都是独自占用一行的。

解决方法:

使用CSS控制(为了方便查看,CSS样式写成内联样式)


方法1:给<dd>增加浮动属性:<dd style=" float:left;">

<!-- float属性值有left和right可选,left为从左往右排列,right就是从右往左排列 -->

方法2:将<dd>转成非块级元素:<dd style="display:inline-block;">


方法1 代码如下:

<dl>
    <dd style="float:left;">类别:</dd>
    <dd style="float:left;">类别内容</dd>
</dl>

方法2 代码如下:

<dl>
    <dd style="display:inline-block;">类别:</dd>
    <dd style="display:inline-block;">类别内容</dd>
</dl>

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-06-22
<STYLE>
#CLASS{MARGIN:0 auto;WIDTH:100%;}
#CLASS DD{FLOAT:LEFT;WIDTH:48%; display:inline-block;margin:0px;}
</STYLE>
<body>
<DL id="CLASS">
<DD>类别</DD>
<DD>类别内容</DD>
</DL>
注意IE里的高度兼容,固定要展示的高度,那样更兼容IE6,7,再就是兼用DL组合时,你可以用DL DT DD组合
第2个回答  2013-06-22
dl dd标签没用过
用的tr td
表示不会出现此类问题
你可以尝试一下增加dd的高度、看是否可以折行
或者就是写个方法设置字符超过多少以省略号方式显示
或者尝试<dd style="float:left;">漂浮

有关html中<dl>、<dd>布局的问题,高分悬赏!
方法1 代码如下:<dl> <dd style="float:left;">类别:<\/dd> <dd style="float:left;">类别内容<\/dd><\/dl>方法2 代码如下:<dl> <dd style="display:inline-block;">类别:<\/dd> <dd style="display:inline-block;">类别内容<\/dd><\/dl> ...

高分悬赏后提交问题不显示!百度还完分数!!
悬赏分已经发出就收不回来了。所以建议你先发问题。如果不违规在[我的提问]里没有你的提问或回答, 那就有可能是被删除了。知道原则,以后提问尽量避免违规。http:\/\/www.baidu.com\/search\/zhidao_help.html#如何避免问答被删 你可以到“百度知道投诉吧”里去投诉叫管理员给你恢复!(写清楚提问或者回...

高分悬赏,概率问题:
解:1. 设其中一个人已经固定,两一个人要一样,只有1中可能,但是第二个总共有C(30,2)=435种 所以概率是p=1\/435 2. 还是设一个人的休息日已经固定,那么仅有一个相同的概率是C(2,1)×C(28,1)=56种 所以概率是p=56\/435 ...

BIOS设置问题,高分悬赏,BIOS高手请进。
还是拿Award BIOS来说,开机Debug卡显示FF和C0表示CPU自检没有通过,应该停电检查处理器状况;如果是C1、C3等数字显示,很有可能是BIOS在检测内存时候发生问题了;系统自检过了2D,并且伴随清脆的“嘀”声,说明系统已经通过显卡检测,这个时候显示屏上也开始出现画面。知道了故障可能发生的部件,我们可以通过替换法来最终确定...

数字信号处理的问题,,高分悬赏!!
I've to admit that my answer is too simple For more details, My QQ:2575213863 我恨鸟语!!!

高分悬赏局域网共享问题
悬赏分:15 - 解决时间:2007-9-4 14:03 我有五台电脑,其中有一台做主机。我在网络邻居中可以看到那四台共享文件,想打开共享文件就会弹出《你没有权限访问这台计算机,请与这台计算机的管理员联系》 提问者: 匿名 最佳答案 局域网共享教程! 前言:局域网共享是个头疼的问题,只要找到的正确的设置方法,其实也很...

BIOS设置问题,高分悬赏,BIOS高手请进。
BIOS设置问题,高分悬赏,BIOS高手请进。 我电脑的BIOS中,有一项是设置系统安全的,Systemsecurity下面有有几个小项,分别是:passwordstatus后面的值是unlockedsystempassword后面的值是notenabledsetuppassword后面的值是noten... 我电脑的BIOS中,有一项是设置系统安全的, System security下面有有几个小项,分别是: password...

500分悬赏解决隐藏域名中的:8080的问题
用apache服务器解析 JSP 用tomcat解析 apache与tomcat结合 然后关闭tomcat的8080端口 使tomcat只做jsp解析而不能单独访问tomcat服务器 就不会出现8080的情况了 apache与tomcat整合方式有3种 网上有的是 你去找找就好 然后在tomcat xml文件里 把port=8080那个给删了 就OK了 ...

有关eMule搜索出来的资源的问题(高分悬赏,非诚勿近,问题内详)
1 蓝色代表可用源较多 黑色代表可用源较少 2 我个人认为 红色代表你正在下载的内容 绿色代表你已经下载完了或下载过的内容 两种蓝色一种代表源的多少 还一种代表你下载了与此源有关的东西 因为在驴子上 很多文件被分拆开 蓝色代表是你下过的一部分 3 可能是你下载的那个文件 虽然名字有差别 不过...

【高分悬赏】求一篇论文-关于XXX的思考-要求如下
【高分悬赏】求一篇论文-关于XXX的思考-要求如下 XXX为近两年来国内外发生的大事件,或知名事件思考的内容为:对这事件的认知、评论和想法等相关内容给出的答案最好能有网址,字数在1500左右如果你有自己见解或者想法且写出来了的加分... XXX为近两年来国内外发生的大事件,或知名事件思考的内容为:对这事件的认知...

相似回答