Вопросы Теги

Как выровнять картинки по горизонтали?

//use jquery
$select.trigger('mousedown')
0
задан kukkuz 20 March 2019 в 14:23
поделиться

2 ответа

Добавить поплавок: слева; в классе контейнера, как показано ниже, он будет работать .... 

.container {
   position: relative;
   width: 20%;
   float: left;
}
0
ответ дан Nandy 20 March 2019 в 14:23
поделиться

Вы можете столкнуться с проблемами, используя поплавки. Самый простой способ сделать это - добавить еще один контейнер вокруг всего, а затем использовать flexbox.

HTML 

<div class="icon-container">
  <div class="container">
    <img src="https://cdn.iconscout.com/icon/free/png-256/avatar-375-456327.png" class="image" alt="Avatar" style="width:200px">
    <div class="middle">
      <div class="text">Avatar sample</div>
    </div>
  </div>
  <div class="container">
    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcREEGUm8xTq6g_39HvAO-LDynq64MqzfEyHenC3E5Sz0Ci5DWck" class="image" alt="Avatar" style="width:200px">
    <div class="middle">
      <div class="text">Avatar sample 2</div>
    </div>
  </div>
</div>

CSS: 

.icon-container {
  display: flex;
}
0
ответ дан Gareth de Beer 20 March 2019 в 14:23
поделиться