Встроенный блок разбивается с заполнениемCSS

Разбираемся в CSS
Ответить
Anonymous
 Встроенный блок разбивается с заполнением

Сообщение Anonymous »

У меня есть некоторые категории, и у меня есть их в Inline Block. Я хочу, чтобы они разбились на следующую линию в зависимости от размера экрана, это прекрасно работает, когда у меня нет набора задонок ... но я также хочу иметь 10% прокладку слева и справа. Когда я вручную изменяю размер экрана, прокладка заставляет Div встроенного блока больше ломаться в центре DIV, а не на правом краю, как вы можете видеть на изображении. это? < /p>

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

.category-container {
color: white;
font-size: 14pt;
background-color: #B37A1E;
width: 100%;
min-height: 100px;
padding-left: 10%;
padding-right: 10%;
padding-top: 10px;
padding-bottom: 10px;
}

.category {
color: black;
display: inline-block;
width: 150px;
margin-right: 10px;
margin-bottom: 10px;
background-color: #A2CBFA;
border: 1px solid black;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
verticle-align: center;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
Категория Контейнер - это большой оранжевый див.>

Подробнее здесь: https://stackoverflow.com/questions/568 ... th-padding
Ответить

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

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

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

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

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