使用 jquery 选项卡在 <ul> 中创建文本中心答案

【问题标题】：Make text center in <ul> using jquery tabs使用 jquery 选项卡在 <ul> 中创建文本中心
【发布时间】：2010-08-10 16:20:32
【问题描述】：

我有<ul> 标签，因为我有几个<li> 项目。当我将文本添加到列表项时。文本显示在左侧。我想让它成为中心。我尝试了不同的方法来制作它。但仍然显示左侧。

 <ul>
      <li > <a href="#fragment-5" >
        <asp:LinkButton ID="lnkResources" runat="server" 
 CssClass="custom-tab"  Text="Favorites" 
 OnClientClick="jQuery('#tabs').tabs('select','#fragment-5');">
 </asp:LinkButton>           
            </a>></li>
    </ul>

见上图。它显示在选项卡的左侧。我想让它居中。

【问题讨论】：

标签： asp.net jquery html

【解决方案1】：

text-align 不工作吗？

li
{
    text-align:center;
}

这是一个基本的fiddle。

【讨论】：

【解决方案2】：

如果您将<li> 视为被阻止的元素，您应该能够居中对齐。如果您将它们浮动并且它们是固定宽度的，则可以使用以下方法：

li { display: block; text-align: center; float: left; width: ...px; }

更好的是，将它们视为动态大小的内联块元素并使用填充来居中：

li { display: inline-block; padding: 5px 25px 20px; ... }

【讨论】：