标签在列表标记中下降。

Question

<li><span>Test:</span>
<asp:Label style="float:right;padding-right:5px"
           runat="server"
           ID="lblTest">
</asp:Label></li>

我有一个span和一个label（我知道它也可以被渲染为span），但静态的span文本正常，而label的文本会掉到Li元素的底部......我尝试过垂直对齐和文本对齐、top:0，但无法让它们在一条直线上。

- sam

Answer 1

尝试这个，它对我有效

<li>
    <span>Test:</span>
    <asp:Label style="padding-right:5px;display:inline;" runat="server" ID="lblTest"></asp:Label>
</li>

- Kaptan

Answer 2

<li>
    <span>Test:</span>
    <asp:Label style="display:inline-block;" runat="server" ID="lblTest">hi</asp:Label>
</li>

将你的样式更改为以下内容：

style="display:inline-block;"

它会显示以下块：

工作的Fiddle

- Amarnath Balasubramanian