分配宽度给李

我正在使用jquery ui选项卡，它需要选项卡为<li>元素，默认情况下至少。分配宽度给李

我只需要2个选项卡，但我无法调整它们的大小，因此它们都相等，并且占用了ul的可用宽度的100％。

这是我的代码。

<div id="intro_tabs" class="tabs"> 
    <ul id="intro_nav"> 
     <li> 
     <h3><a href ="#tabs-1" class="null_link"><%= t('home.index.what_is_it') %></a></h3> 
     </li> 
     <li> 
     <h3><a href ="#tabs-2" class="null_link"><%= t('home.index.how_works') %></a></h3> 
     </li> 
    </ul> 
    <div id="tabs-1"> 
     <%= simple_format t 'home.index.what_intro_details' %> 
    </div> 
    <div id="tabs-2"> 
     <div id="intro_accordion"> 
     <h3><a href="#">Users</a></h3> 
     <div> 
      <%= t 'home.index.how_intro_details_user' %> 
     </div> 
     <h3><a href="#">Merchants</a></h3> 
     <div> 
      <%= t 'home.index.how_intro_details_merchant' %> 
     </div> 

     </div> 
    </div> 
    </div>

我已经尝试使用CSS属性width:50%，在两个李的但它不起作用。

感谢

来源

2010-05-23 badnaam

标签是垂直放置还是水平放置？如果横向，那么我认为你不能轻易做你想做的事情。 – 2010-05-23 04:07:51

它们是水平的 – badnaam 2010-05-23 04:13:17

做你问什么，你需要确保两个列表项适合您的UL认证。如果您希望他们占用所有空间并有填充或保证金，则不能使用50％和em值填充b/c，您总是会得到> 100％，并将您的物品分散在两行中。如果您想要使用右边距，请使用1％作为右边距，并将宽度设置为49％，这样您就可以使用100％的空间并且不会换行到下一行。这样做的CSS将沿线

#intro_nav li { 
    width:49%; 
    padding: 0; 
    margin: 0 1% 0 0; 
    list-style-type: none; 
    float: left; 
    display: inline-block; 
}

不要忘记清除以下元素中的浮点数。如果您需要更多的边距/填充/边框，请使用基于百分比的值并从宽度中减去以使元素更合适。如果每边有1％的余量，则需要从宽度减去2％。心连心。

来源

2010-05-23 09:06:50

分配宽度给李

回答

相关问题