У меня есть родительский <ol>
и пара элементов <li>
.
<ol style='width=800px;display :block;float:left;'>
<li style='display :block;float:left;'> Item 1 </li>
<li style='display :block;float:left;'> Item 2 </li>
<li style='display :block;float:left;'> Item 3 </li>
<li style='display :block;float:left;'> Item 4 </li>
</ol>
Есть ли способ, которым мой элемент списка можно упорядочить таким образом, чтобы он равно разделил ширину родительского элемента (800 пикселей), и каждый элемент будет иметь такое же количество ширины? То есть каждый <li>
будет иметь ширину 200 пикселей.
Я не хочу жестко задавать значение. Есть ли атрибут стиля, который будет делать это?
Я не хочу, чтобы hardocode шириной, как 20% или что-то, потому что элементы списка динамически добавлены. Это может быть 4 или 5 или 6 иногда