Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 并排显示dt标签,而不是一个接一个地显示_Html_Css - Fatal编程技术网

Html 并排显示dt标签,而不是一个接一个地显示

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

我想并排显示HTML标记的
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;
}