无法内嵌显示列表项
Please refer to http://jsfiddle.net/4kSpz/
Each li
is shown inline, but for some reason the <dl><dt>
is not inline.
What extra css do I need to include to move the <dl><dt>
item inline with the other list items?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
在
.dselector dt
和.dselector dt a span
中,您使用的是display: block
。您可以将其更改为
display: inline-block
以保持其内联并显示为块。或者如果你想支持IE7,你可以使用float: left
;只要记住清除你的漂浮物即可。使用
inline-block
:http://jsfiddle.net/4kSpz/2 /使用
float: left
: http://jsfiddle.net/4kSpz/3/In
.dselector dt
and.dselector dt a span
you are usingdisplay: block
.You can change this to
display: inline-block
to keep it inline and display as block. Or if you want to support IE7 you can usefloat: left
; just remember to clear your floats.Using
inline-block
: http://jsfiddle.net/4kSpz/2/Using
float: left
: http://jsfiddle.net/4kSpz/3/