如何避免文本和列表之间的换行符

时间:2011-04-04 04:14:01

标签: html line-breaks

我在网页上有以下代码:

 Team:
        <ul class="checkboxTree[0] checkboxTree" id="tree2">

. . . . . 

ul列表在文本“团队”下面显示一行。我怎样才能让它直接出现在团队的右边,没有任何换行符。

2 个答案:

答案 0 :(得分:2)

无序列表是块级元素。

我需要更多信息来给你很好的建议,但最简单的方法是CSS规则:

#tree2 { display: inline }

#tree2 { display: inline-block }

有关血腥的详细信息,请参阅the CSS spec

答案 1 :(得分:1)

您可以使用displayfloat等css来解决此问题。 例如:

.checkboxTree
{
float: left;
}

了解更多信息:
http://www.w3schools.com/css/pr_class_display.asp
http://www.w3schools.com/css/pr_class_float.asp