присвоение ширины li

Question

Я использую вкладки jquery ui, для которых требуется, чтобы вкладки были <li> элементами, по крайней мере по умолчанию.

Мне нужно только 2 вкладки, но я не могу подобрать их по размеру, чтобы они оба были равны и занимали 100% доступной ширины ul.

вот мой код.

<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% на обоих языках, но оно не работает.

Спасибо

Answer 1

Чтобы сделать то, что вы просите, вам нужно убедиться, что оба элемента списка соответствуют вашему ul. Если вы хотите, чтобы они занимали все пространство и имели отступы или поля, вы не можете использовать 50% и значение em для отступа, так как вы всегда будете в итоге> 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;
}

Не забудьте очистить поплавок в следующем элементе. Если вам нужно больше полей / отступов / бордюров, используйте процентное значение и вычтите его из ширины, чтобы элементы по-прежнему подходили. Если у вас есть запас в один процент с каждой стороны, вам нужно вычесть 2% от ширины. НТН.