代码片段库

经过测试、可直接复制的 Python、Flask、JavaScript、SQL、HTML、CSS 和 Bash 代码片段，都可以在代码游乐场中打开。

只显示此浏览器中收藏的代码片段

2 个代码片段

css

Cards wrap to as many columns as fit, with a sensible minimum width.

.grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
}

beginner #grid#layout#responsive

css

Keep the footer at the bottom of the window on short pages.

body {
  margin: 0;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;

beginner #layout#flexbox#footer

PandaDev