Title: Выравнивание ряда картинок по центру
Last modified: 25.04.2016

---

# Выравнивание ряда картинок по центру

 *  [natalasik](https://ru.wordpress.org/support/users/natalasik/)
 * (@natalasik)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/)
 * Подскажите пожалуйста как выровнять несколько изображений, идущих в ряд по горизонтали,
   по центру? Тема RubberSoul

Просмотр 15 ответов — с 1 по 15 (всего 16)

1 [2](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/page/2/?output_format=md)
[→](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/page/2/?output_format=md)

 *  [Dmitriv](https://ru.wordpress.org/support/users/qwert555/)
 * (@qwert555)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208267)
 *     ```
       img{
               display: inline-block;
               vertical-align: middle;
       }
       ```
   
 * Но лучше ссылку дайте на страницу, где надо выровнять картинки
 *  Автор [natalasik](https://ru.wordpress.org/support/users/natalasik/)
 * (@natalasik)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208268)
 * [http://biserun.ru/orhideya-likasta-master-klass.html](http://biserun.ru/orhideya-likasta-master-klass.html)
 *  Автор [natalasik](https://ru.wordpress.org/support/users/natalasik/)
 * (@natalasik)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208269)
 * Вставила код, не помогло
 *  [Dmitriv](https://ru.wordpress.org/support/users/qwert555/)
 * (@qwert555)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208270)
 * они у вас там почти на всю ширину. Нет, конечно можно их через css уменьшить.
   
   Сколько должно быть картинок в ряд?
 *  [Dmitriv](https://ru.wordpress.org/support/users/qwert555/)
 * (@qwert555)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208271)
 * в style.css вставляйте
 *  Автор [natalasik](https://ru.wordpress.org/support/users/natalasik/)
 * (@natalasik)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208272)
 * Вставила в style.css. В ряде должно быть две картинки. Размер уменьшать не надо.
   Мне нужно чтобы они встали точно по центру также как и верхняя картинка
 *  [Dmitriv](https://ru.wordpress.org/support/users/qwert555/)
 * (@qwert555)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208273)
 *     ```
       .entry-content img{
               display: inline-block;
               vertical-align: middle;
       	margin: 5px;
       	width: 346px
       }
       ```
   
 * две не влазят, немного уменьшил
 *  Автор [natalasik](https://ru.wordpress.org/support/users/natalasik/)
 * (@natalasik)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208274)
 * Результат: [http://biserun.ru/orhideya-likasta-master-klass.html](http://biserun.ru/orhideya-likasta-master-klass.html)
 *  [Dmitriv](https://ru.wordpress.org/support/users/qwert555/)
 * (@qwert555)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208275)
 * вы вообще для области виджетов добавили
    .widget img { display: inline-block;
   vertical-align: middle; margin: 5px; width: 346px
 * добавьте тот что я дал
 *  Автор [natalasik](https://ru.wordpress.org/support/users/natalasik/)
 * (@natalasik)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208287)
 * Получилось, но мне не нужно применять это свойство ко всем изображениям на сайте.
 *  Автор [natalasik](https://ru.wordpress.org/support/users/natalasik/)
 * (@natalasik)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208288)
 * Скажите пожалуйста, а возможно сделать так, чтобы изображение располагалось по
   центру и обтекалось со всех сторон? В редакторе изображения центрируются без 
   обтекания.
 *  [Dmitriv](https://ru.wordpress.org/support/users/qwert555/)
 * (@qwert555)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208290)
 * а к каким?
 *  Автор [natalasik](https://ru.wordpress.org/support/users/natalasik/)
 * (@natalasik)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208291)
 * К избранным, зависит от дизайна поста
 *  [Dmitriv](https://ru.wordpress.org/support/users/qwert555/)
 * (@qwert555)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208295)
 * могу предложить через произвольное поле помечать пост как избранное.
    В single.
   php `<div class="entry-content">`
 * Заменить на
 *     ```
       <?php
       $izbrannoe = get_post_meta($post->ID, 'izbrannoe', true);
       if ($izbrannoe) {
       echo '<div class="entry-content izbrannoe">'
       }else{
       echo '<div class="entry-content">'
       }?>
       ```
   
 * Создайте произвольное поле с именем izbrannoe и туда, что нибудь напишите, например
   избранное, можно просто цифру добавить
 *  Автор [natalasik](https://ru.wordpress.org/support/users/natalasik/)
 * (@natalasik)
 * [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/#post-208301)
 * Скажите пожалуйста, а возможно сделать так, чтобы изображение располагалось по
   центру и обтекалось со всех сторон? В редакторе изображения центрируются без 
   обтекания.

Просмотр 15 ответов — с 1 по 15 (всего 16)

1 [2](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/page/2/?output_format=md)
[→](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/page/2/?output_format=md)

 Тема «Выравнивание ряда картинок по центру» закрыта для новых ответов.

 * Форум: [Проблемы и решения](https://ru.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 16 ответов
 * 2 участника
 * Последний ответ: [Dmitriv](https://ru.wordpress.org/support/users/qwert555/)
 * Последняя активность: [10 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%92%d1%8b%d1%80%d0%b0%d0%b2%d0%bd%d0%b8%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%80%d1%8f%d0%b4%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%be%d0%ba-%d0%bf%d0%be-%d1%86%d0%b5%d0%bd%d1%82%d1%80%d1%83/page/2/#post-208304)
 * Статус: нерешённая

## Темы

### Самые популярные темы

### Темы без ответов

### Без вопроса

### Решённые

### Нерешённые

### Все темы