Как эмулировать ячейки таблицы с помощью CSS (без плавающей запятой)?

Question

Получил:

<ul>
    <li><div style="width:200px; display:table-cell;">Something here</div> <div style="width:40px; display:table-cell;">Edit</div> <div style="width:40px; display:table-cell;">Delete</div></li>
</ul>

Надеюсь, вы понимаете, что я пытаюсь сделать, чтобы первый div был фиксированной ширины.Но я не могу этого сделать, каждый div занимает строку самостоятельно.

Как это можно сделать без беспорядочных операций?

Спасибо

Answer 1

Пожалуйста, никогда больше так не делай! Способ сделать это - с числами с плавающей точкой, но вы действительно НИКОГДА не хотите использовать что-то подобное! Кстати, div не допускаются в пределах ul. Если вы хотите отображать такие данные, вы должны использовать реальные таблицы.

Я упоминал, что вы действительно не должны использовать это ни при каких обстоятельствах?

Answer 2

Надеюсь, вы понимаете, что я пытаюсь сделать, чтобы первый div был фиксированной ширины. Но я не могу этого сделать, каждый div занимает строку самостоятельно.

Чтобы display-table:cell имел эффект, родительский элемент должен быть установлен на display: table-row, а родительский родительский элемент - display: table.

Это сказало: Вы уверены, что элемент <table> здесь не самая подходящая вещь?

Answer 3

Возможно, использовать span вместо div?(избегайте новых строк)