Flex блоки акций, как убрать у последних блоков в строке отступ?

а как в процентах высчитать?
странно, тогда почему пишут везде не в процентах отступы, а в px или рем.

между прочим если отступы сделать в %, он они не будут фиксированные, а они будут сжиматься.
по этому и делают в px, чтобы отступ был фиксированный.

А вот и тест, отступ в %, https://jsfiddle.net/om4ncpur/
И что у нас получилось, не фиксировано, сжимается !

Я так понимаю ты так от фанаря придумываешь что-то в голове и не пробуешь ))

Flex блоки акций, как убрать у последних блоков в строке отступ?

Вот рабочий пример: https://jsfiddle.net/Le63nfc0/2/
Но что я заметил, если сжимать браузер, ну эмитировать более маленькое разрешение экрана, то отступы больше становятся, почему так?

Вот присмотритесь когда разрешение браузера туда сюда сжимаете.

Flex блоки акций, как убрать у последних блоков в строке отступ?

Проверил на деле, https://jsfiddle.net/ad36w0u8/2/
Последние 4 блоки, чет они больше чем все остальные.
Это с таким вариантом, не могу понять что с ними не так.

Flex блоки акций, как убрать у последних блоков в строке отступ?

Devilz_1, забыл в конце ноль.
мне справа нужно чтобы шли отступы.

padding: 0 40px 40px 0;

ну вот: https://jsfiddle.net/Le63nfc0/1/
и все равно не ровно )

Flex блоки акций, как убрать у последних блоков в строке отступ?

Антон Усачев, я не совсем за устаревшие топлю, а те что будут на большинство браузерах работать, у меня сайт на флексах все дела, по этому я все на флексах стараюсь делать.

Flex блоки акций, как убрать у последних блоков в строке отступ?

Devilz_1, так и сделал ! но вышло как-то не так https://jsfiddle.net/Le63nfc0/

Flex блоки акций, как убрать у последних блоков в строке отступ?

Антон Усачев, это я знаю, просто обычно пишут что грид лучше не использовать чтобы потом проблем не было. вот и не использую.

Flex блоки акций, как убрать у последних блоков в строке отступ?

Антон Усачев, с чего бы это был плохой тон. через эти стили nth-child и т.д, подобные, можно задавать свой стиль блоку ! не применяя доп стили в дивах.

Flex блоки акций, как убрать у последних блоков в строке отступ?

100% - если сделать 4 блока в ряд, это каждый блок 25%.
А как паддинг вычитать, у меня чет ни когда особо не выходило )
Это что надо понять сколько 40px, будет в процентах и потом уже вычесть из 100% ?

Flex блоки акций, как убрать у последних блоков в строке отступ?

Ага, думал тож об этом width: calc(100% / 4 - 20px);
Ток не пойму как правильно рассчитывать, допустим я хочу 40px отступ сделать снизу и справа.

Flex блоки акций, как убрать у последних блоков в строке отступ?

Второй вариант из моего примера, ну да, чет такое можно сделать. Я об этом думал, меня больше интересует почему nth-child(4n) не срабатывает.

Flex блоки акций, как убрать у последних блоков в строке отступ?

Можно не только на грид делать, но грид это новая фишка, хотя давно уже ! она не везде будет срабатывать.
а вот флекс это другое дело.

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

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Нашел метод как прижать кнопку.

<a href="" title="Записаться онлайн" class="zap">Записаться онлайн</a>

.zap{
  display: block;
height: 35px;
  line-height: 35px;
  background: #F8A717;
  color:#000;
  text-align: center;
  padding: 0 20px 0 20px;
  text-transform: uppercase;
  margin-left: auto;
}

margin-left: auto; - творит чудеса, и не пришлось оборачивать три блока слева в див и саму кнопку )

Подобный пример вот тут: https://jsfiddle.net/a0hz7hp1/3/

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей Орлов, подскажешь как с кнопкой быть? которая не в div блоке.

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей, надо будет попробовать. а текст наезжать не будет, тогда надо будет текст во что-то оборачивать и делать отступ. надо проверить будет и посмотреть что будет.

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей Орлов, почему ссылка ), у меня она выглядит как кнопка, значит кнопка. просто зачем див, если кнопку можно и без дива сделать ), я вот стараюсь чтобы в коде лишнего не было ) ссылке дисплай блок прописываем и ура вот и кнопка.


вот думаю теперь, как ее к правому боку присобачить, флоат ригхт не срабатывает.

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей Орлов, а если последний блок не див, а кнопка.

<a href="" title="Записаться онлайн" class="zap">Записаться онлайн</a>

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Хотя нет, флоат ригх не срабатывает )

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей Орлов, ага, точно, последний див прижем права ! ну или просто флоат ригхт применить и все.

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей, а это как? ну я давно использую этот метод, и чет не задумывался особо что можно и по другому, особо проблем не было с i