изменить расстояние между сгибами с фоновым изображением - PullRequest
Новая
       32

изменить расстояние между сгибами с фоновым изображением

0 голосов
/ 18 февраля 2019

Привет, я переделываю главную страницу Google Chrome, но я не могу выполнить часть внизу страницы, где наиболее часто используемые приложения, я пытаюсь сделать это с помощью дисплея flex, потому что он делает его встроенным, но я не могу получитьинтервал вправо его неровный или большой или маленький вот как я хочу, чтобы он выглядел ... enter image description here

и вот что я получаю

enter image description here enter image description here enter image description here верхняя часть - это то, что мне нужно получить.Заметьте, что интервал слишком мал, а посередине его велик, я ищу, чтобы он был как раз оправдан - содержание, похоже, не влияет на интервал?вот CSS 

.youtube{
background-image: url(youtube.png);


}
.facebook{
background-image: url(facebook.png);

}

.roblox{
background-image: url(roblox.png);


}

.Agar{
 background-image: url(Agar.png);


  }

    .gmail{
background-image: url(gmail.png);


 }
  .rowCell{
justify-content: space-around;
align-items: center;
position: relative;  
background-repeat: no-repeat;
width: 200px;
height: 150px;
margin-top: -589px;
left: 422px;
 }
  .mostUsedApps{
     width: 42%;
display: flex;
justify-content: space-between;
justify-content: space-around;
align-items: center;
}

вот HTML 

   <div class = 'mostUsedApps'>

   <div class = 'youtube rowCell'></div>

   <div class = 'facebook rowCell'   ></div>

   <div class = 'roblox rowCell'></div>


   <div class = 'Agar rowCell'></div>

   <div class = 'gmail rowCell'></div>

   </div>

Любая помощь высоко ценится, спасибо:)

1 Ответ

0 голосов
/ 18 февраля 2019

Если ваши значки имеют одинаковый размер, то вам просто понадобится свойство justify-content в родительском элементе div, т.е. "mostUsedApps" .

Если ониимеют разный размер, тогда вам нужно будет предоставить ссылку на codepen или codeandbox, без которой вам будет сложно помочь.

...