Мой flexbox привязывает правый элемент div в сторонуCSS

Разбираемся в CSS
Ответить
Anonymous
 Мой flexbox привязывает правый элемент div в сторону

Сообщение Anonymous »

Я студент, работающий над небольшим проектом, и для этого проекта я ДОЛЖЕН использовать гибкий блок. Я использовал свойство «space-around», ожидая, что все мои элементы div будут четными, но правый элемент div, кажется, привязан к стороне, а остальные смещены влево.

Код: Выделить всё

.infoGallery {
padding-top: 50px;
display: flex;
justify-content: space-around;
text-align: center;
flex-direction: row;

}

.InfoBox {
width: 250px;
justify-content: space-around;
background-color: blue;

}

/* Basic Structure*/
img {
width: 100px;
}

h1 {
text-align: center;

}

Код: Выделить всё



[img]PH.png[/img]
 About The Club 
 We are a youth soccer club focused on developing skills, teamwork, and sportsmanship.

As a result of our focus, our soccer slub has grown to over 1000 players, 70 teams!

[img]PH.png[/img]
Sign-Up information 
Contact me at
TheRELBarbieKen@Bmail.com

[img]PH.png[/img]
 Reasons to Join 
[list]
[*] simple and instructive coaching
[*] free and competitive enviroment
[*] friendly staff and members
[/list]



Подробнее здесь: https://stackoverflow.com/questions/793 ... o-the-side
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»