This is an old revision of the document!


Title/Summary of Discussion Topic

Spec:
css3-flexbox, css3-align
Owner:
tabatkins, fantasai
Status:
Open, Urgent
Date:
2012-05-16
Action:
Decide between safe and true centering

Background

Existing centering methods, such as using auto margins or the 'text-align' property, use “safe” centering - if an object is wider than the container, it stops centering, and instead start/before aligns. This helps ensure that content doesn't accidentally fall off into an unscrollable area past the top/left edge of the screen.

Problem Statement

Safe centering is “safe”, and common. However, there are good use-cases for “true” centering, which continues to properly center an item even if it's larger than the container. Which one should we default to? Should we make it possible to opt into the other, and how?

Proposal(s)

A. (Current draft) “Safe” center by default. Authors can opt into true centering by adding the “true” keyword alongside their alignment value.

B. “True” center by default. Authors can opt into safe centering by adding the “safe” keyword alongside their alignment value.

 
topics/css3-flexbox-true-safe-centering.1337214368.txt.gz · Last modified: 2014/12/09 15:48 (external edit)
Recent changes RSS feed Valid XHTML 1.0 Valid CSS Driven by DokuWiki