分配寬度給李

我正在使用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

分配寬度給李

回答

相關問題