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

• Siêu căn giữa { place-items: center }

• Chiếc pancake được tách rời { flex: 0 1 }

• Sidebar lên tiếng { grid-template-columns: minmax(, ) ... }

• Chồng pancake { grid-template-rows: auto 1fr auto }

• Bố cục Holy Grail cổ điển { grid-template: auto 1fr auto / auto 1fr auto }

• Lưới 12 cột { grid-template-columns: repeat(12, 1fr) }

• RAM (Repeat, Auto, Minmax) { grid-template-columns: repeat(auto-fit, minmax(, 1fr)) }

• Căn thẳng hàng { justify-content: space-between }

• Kẹp phong cách của tôi { clamp(, , ) }

• Tôn trọng tỷ lệ khung hình { aspect-ratio: / }

[xguru]

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