调查问卷 / State of CSS 2024
问卷调查会持续到 September 12, 2024 为止。

5/12排版

  1. font-display
  2. line-clamp
  3. 可变字体（Variable fonts）
  4. text-wrap: balance
  5. text-wrap: pretty
  6. hanging-punctuation
  7. initial-letter

css 
@font-face {
  font-family: ExampleFont;
  src: url(/path/to/fonts/examplefont.woff) format("woff");
  font-display: fallback;
}
告诉我们更多：
告诉我们更多：
告诉我们更多：

css 
p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
告诉我们更多：
告诉我们更多：
告诉我们更多：

css 
@font-face {
  font-family: "Fraunces";
  src: url("fraunces.woff2") format("woff2");
  font-weight: 200 700;
}

h2 {
  font-family: "Fraunces";
  font-variation-settings: "wght" 375, "SOFT" 100;
}
告诉我们更多：
告诉我们更多：
告诉我们更多：

css 
.balanced {
  max-inline-size: 50ch;
  text-wrap: balance;
}
告诉我们更多：
告诉我们更多：
告诉我们更多：

css 
.pretty {
  text-wrap: pretty;
}
告诉我们更多：
告诉我们更多：
告诉我们更多：

css 
p.hanging {
  hanging-punctuation: first last;
}
告诉我们更多：
告诉我们更多：
告诉我们更多：

css 
.intro {
  /* Initial letter occupies 3 lines */
  initial-letter: 3;
}
告诉我们更多：
告诉我们更多：
告诉我们更多：