Некоторые преимущества использования свойства display: inline-block для изображений:
- Возможность горизонтального и вертикального центрирования. 3 Можно выравнивать элементы разной высоты в строке по верхнему, нижнему краю или по центру. 3
- Расположение на одном уровне в строке. 5 Это важно, например, для вёрстки галереи, где при использовании свойства float изображения с разной высотой могут отображаться криво. 5 С inline-block такой проблемы нет. 5
- Лёгкая интеграция в поток документа. 1 Изображение легко вписывается в документ и избавляется от лишнего отступа. 1
- Поддержка во всех браузерах. 3
Inline-block подходит для элементов, которые нужно выстраивать в ряд бок о бок, например, для навигационных элементов, сеток миниатюр видео, индикаторов разбивки на слайд-шоу. 3