Các bố cục CSS 1 dòng hữu ích

<p>- Siêu căn giữa { place-items: center }<br /> - Chiếc pancake được tách rời { flex: 0 1 &lt;baseWidth&gt; }<br /> - Sidebar lên tiếng { grid-template-columns: minmax(&lt;min&gt;, &lt;max&gt;) ... }<br /> - Chồng pancake { grid-template-rows: auto 1fr auto }<br /> - Bố cục Holy Grail cổ điển { grid-template: auto 1fr auto / auto 1fr auto }<br /> - Lưới 12 cột { grid-template-columns: repeat(12, 1fr) }<br /> - RAM (Repeat, Auto, Minmax) { grid-template-columns: repeat(auto-fit, minmax(&lt;base&gt;, 1fr)) }<br /> - Căn thẳng hàng { justify-content: space-between }<br /> - Kẹp phong cách của tôi { clamp(&lt;min&gt;, &lt;actual&gt;, &lt;max&gt;) }<br /> - Tôn trọng tỷ lệ khung hình { aspect-ratio: &lt;width&gt; / &lt;height&gt; }</p>

[xguru]

<p>Không hẳn chỉ đúng 1 dòng, nhưng trông có vẻ hữu ích.</p>