Я ищу недвижимость, которая
Центрирует внутренний элемент div по горизонтали
Устанавливает ширину этого внутреннего элемента div на фиксированную ширину 40 пикселей.
Я попытался следовать, чтобы увидеть, работает ли это. Я использовал display:table
и display:table-cell
, потому что в нем будет больше ячеек и строк таблицы. Это просто пример нерабочего случая.
Когда я использую display:table с шириной 100%, я могу центрировать внутренний элемент div. Это будет решением для (1).
Моя проблема в пункте (2). Я хочу иметь ячейку таблицы шириной 40 пикселей. На данный момент внутренний div расширяется до 100% ширины внешнего div. Вы можете понять, что я имею в виду, взглянув на эту скрипку. Граница вокруг числа должна быть шириной всего 40 пикселей.
У вас есть идея, как ее решить?
<div style="display:table;width:100%;height:47px;border:1px solid blue;text- align:center;">
<div style="display:table-cell;width:40px;height:47px;border:1px solid red"> 1</div>
</div>