Вы не можете. По умолчанию элементы inline-block
имеют ширину усадки :
Ширина усадки для соответствия:
blockquote>min(max(preferred minimum width, available width), preferred width)
.Затем,
- Когда
preferred minimum width <= preferred width <= available width
, ширина будетpreferred width
по вашему желанию.- Когда
available width <= preferred minimum width <= preferred width
, ширина будетpreferred minimum width
по вашему желанию.- Когда
preferred minimum width <= available width <= preferred width
, ширина будетavailable width
, даже если вам это не нравится.Если вы действительно этого не хотите, я думаю, вы могли бы добавить слушателя событий
resize
с JS и вручную установить желаемую ширину.