Question

我想用标签命名我的ul列表，并将ul列表放在它之后，而不是像默认值一样放在下面。我的ul列表在一行中，因此结果（标签+列表）应该在一行中。

这是我到目前为止所做的：

HTML：

<label>test :</label>
<ul>
    <li>word1</li>
    <li>word2</li>
</ul>

CSS：

ul {
    overflow-x:hidden;
    white-space:nowrap;
}

li {
    display:inline;
}

请参阅： http://jsfiddle.net/72YA4/

Answer 1

将display:inline;设置为ul

ul {
    overflow-x:hidden;
    white-space:nowrap;
    display:inline;
}

FIDDLE

Answer 2

那是你要实现的目标吗？ http://jsfiddle.net/jslayer/72YA4/3/

ul {
    overflow-x:hidden;
    white-space:nowrap;
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

li {
    display:inline;
}

label {
    display: inline-block;
    vertical-align: top;
}

Answer 3

使ul显示为内联，然后对齐

JSFiddle Demo

<强> CSS

ul {
    overflow-x:hidden;
    white-space:nowrap;
    display: inline-block;
    vertical-align: middle;
}

li {
    display:inline;
}

Answer 4

这是我所知道的最快的解决方法：

ul{
position:absolute;
top:-8px;
}

希望这能回答你的问题：）

如何在标签后定位ul列表？

4 个答案: