[css-inline-3] 'vertical-align: middle' on table cells · Issue #5234 · w3c/csswg-drafts (original) (raw)

Skip to content

Navigation Menu

• • GitHub Copilot Write better code with AI
  • GitHub Advanced Security Find and fix vulnerabilities
  • Actions Automate any workflow
  • Codespaces Instant dev environments
  • Issues Plan and track work
  • Code Review Manage code changes
  • Discussions Collaborate outside of code
  • Code Search Find more, search less
• Explore
  • Learning Pathways
  • Events & Webinars
  • Ebooks & Whitepapers
  • Customer Stories
  • Partners
  • Executive Insights
• • GitHub Sponsors Fund open source developers
  • The ReadME Project GitHub community articles
• • Enterprise platform AI-powered developer platform
• Pricing

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Sign up

Description

So... vertical-align: middle has special behavior on table cells: it causes align-content: normal to be treated as center (similar to how the top and bottom values trigger start and end, respectively).

Splitting 'vertical-align' into longhands means we have to map the behavior over from the longhands instead. Unfortunately since middle is an actual baseline (halfway between the alphabetic baseline and the ex-height) it's in alignment-baseline whereas top and bottom are line-relative values that shift content but don't represent an actual baseline, and are therefore in baseline-shift. Which means it's possible to specify alignment-baseline: middle; baseline-shift: top. Need to define whether that's treated as vertical-align: top or vertical-align: middle. My suggestion is that top and bottom take precedence, because that's what happens in inline layout as well (alignment baselines are ignored for alignment within the parent in favor of top/bottom alignment within the line box).