Html 并排显示dt标签,而不是一个接一个地显示
我想并排显示HTML标记的Html 并排显示dt标签,而不是一个接一个地显示,html,css,Html,Css,我想并排显示HTML标记的dt,而不是一个接一个地显示 例如:-- 第一 第二 第三 输出:第一个第二个第三个 dl.Desktop dt{float:left;} 我们会把它们并排放在一起。下面是一个例子: 注意:可能需要额外的样式才能使其恰到好处 您可以使它们向左浮动: dt { float: left; } 或使其成为内联块: dt { display: inline-block; zoom: 1; /* IE hack */ *display: i
dt
,而不是一个接一个地显示
例如:--
第一
第二
第三
输出:第一个
第二个
第三个
dl.Desktop dt{float:left;}
我们会把它们并排放在一起。下面是一个例子:
注意:可能需要额外的样式才能使其恰到好处 您可以使它们向左浮动:
dt {
float: left;
}
或使其成为内联块:
dt {
display: inline-block;
zoom: 1; /* IE hack */
*display: inline; /* IE hack */
}
.我喜欢所有其他答案,因为它们都很好,但我认为我的答案简单得多,不需要IE黑客:
dt {
display: inline;
}
此外,宽度也是需要考虑的因素如果不必设置
dt
s的宽度,这是最简单的解决方案。这只适用于块
或内联块
。@Dave,同意,但OP从未提到他/她想要设置元素的宽度,他们只需要并排。显然,如果宽度成为一项要求,那么内联块
将是下一个最佳选择。这不是批评,而是提示OP选择您的答案:-)这实际上是最简单的解决方案,如果可行,为什么会更复杂?…@Dave,我道歉,我误解了。感谢您对我答案的支持:)
dt {
display: inline;
}