#76 用 CSS 解決文字上下多出來的神秘空間：text-box-trim / text-box-edge

Sep 27, 2025 · 1 min read · ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 你是不是也常常爲了文字上下多出來的神秘空白間距感到困擾，導致按鈕裡的文字、或是標題跟內文之間的距離怎麼調都感覺不太對勁？ 在過去，每個字型本身都會包含一些內建的空間，像是文字的上方（ascender）和下方（descender）會有一些預留的空白。這導致我們用 CSS 設定的 padding 或 margin，在視覺上看起來總是不太精確。 例如，你可能為一個按鈕設定了上下 padding: 0.5rem，但因...