انتشار العناصر على Div عرض ثابت؟

Question

هل هناك طريقة لنشر العناصر ، (على سبيل المثال:u003Cli style=";text-align:right;direction:rtl"> داخل أu003Cul style=";text-align:right;direction:rtl"> ) ، داخل ديف؟

على سبيل المثال: لدي 3 عناصر ، لذلك يحصلون جميعًا على 30 ٪

على سبيل المثال: لدي 5 عناصر ، لذلك يحصلون على 20 ٪

ما هي أفضل طريقة للقيام بذلك؟

Answer 1

html,
body {
  padding: 0;
  margin: 0;
}
ul.flatList {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.flatList li {
  width: 33.3%;
  display: inline;
  float: left;
  text-align: center;
}

<ul class="flatList">
  <li>left</li>
  <li>middle</li>
  <li>right</li>
</ul>

Answer 2

قم بتعيين عرض صريح للعناصر الفرعية وتطفو عليها يسارًا أو يمينًا وفقًا لذلك.

Answer 3

display: inline-table;

مرة أخرى ، بي على الإجابة بعد 5 سنوات فقط من طرح السؤال ،

لكنني اكتشفت هذا الحل (الأنيق) ليلا ومشاركته من أجل المرجع ، والرفاهية العامة والمعرفة.