Встречается на собеседованиях • сегодня
Как убрать пробелы между картинками через CSS
Чтобы убрать пробелы между картинками, нужно учитывать, что браузеры по умолчанию добавляют небольшие отступы из-за пробелов и переносов строк в HTML. Вот несколько способов:
1. **Убрать пробелы в HTML**:
```html


```
2. **Использовать CSS**:
```css
img {
display: block; /* или inline-block */
vertical-align: top; /* убирает выравнивание по базовой линии */
}
```
3. **Обнулить font-size у родителя**:
```css
.parent {
font-size: 0;
}
.parent img {
font-size: 16px; /* вернуть размер для дочерних элементов */
}
```
4. **Использовать отрицательный margin**:
```css
img {
margin-right: -4px;
}
```
Лучший вариант — первый или второй, так как они наиболее предсказуемы и не требуют хаков.


```
2. **Использовать CSS**:
```css
img {
display: block; /* или inline-block */
vertical-align: top; /* убирает выравнивание по базовой линии */
}
```
3. **Обнулить font-size у родителя**:
```css
.parent {
font-size: 0;
}
.parent img {
font-size: 16px; /* вернуть размер для дочерних элементов */
}
```
4. **Использовать отрицательный margin**:
```css
img {
margin-right: -4px;
}
```
Лучший вариант — первый или второй, так как они наиболее предсказуемы и не требуют хаков.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы