Есть ли свойство css для задания отступа между внутриннеми блоками?

Question

[ubsa]

<div class="parent" style="какое-то свойство">
    <div class="child">block_1</div>
    <div class="child">block_2</div>
    <div class="child">block_3</div>
<div>

Есть ли свойство css чтобы задать отступ по вертикали между block_1, block_2, block_3, чтобы работало как line-height: X для строк, но учитывало высоту блоков. Чтобы не задавать каждому div margin-bottom;

Comments

[Lord_Dantes]

margin-bottom: auto ?

[ubsa]

slave,

<div class="parent" style="какое-то свойство">
    <div  class="child">block_1</div>
    <div class="child">block_2</div>
    <div class="child">block_3</div>
<div>

Если я вас правильно понял margin-bottom: auto для .child? Если да, то не подходит данное решение. Тогда мне нужно указывать высоту для блока .parent. Но я хочу чтобы блоки по высоте сами растягивались под содержащий контент, а между child был отступ снизу, но без указания класса и работало с любым тегом.

<div class="parent" style="какое-то свойство">
    <div>block_1</div>
    <p>block_2</p>
    <div>block_3</div>
<div>

[Ankhena]

ubsa,

.parent > * {
margin-bottom: 50px;
}

Но это плохой селектор с точки зрения производительности. Это раз.
И два: очень странная идея хотеть одинаковые отступы между любыми тегами, они ведь не зря разные. Почитайте про семантику и пишите структурированный код.

[ubsa]

Ankhena, спасибо) вот это хотел)

Answer 1

[NaN]

Чем margin не подходит?

.child { margin-bottom: 10px; }

или мб так

.child:not(:last-child) { margin-bottom: 10px; }

либо (будет работать для любых элементов внутри parent, с любым классом или без него)

.parent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

Comments

[ubsa]

Ankhena, спасибо)