- From: Manuel Strehl <manuel.strehl@stud.uni-regensburg.de>
- Date: Tue, 12 Sep 2006 20:48:54 +0200
- To: www-style@w3.org
Hi.
There was some time ago a discussion about vertical alignment of block
elements' content
( http://lists.w3.org/Archives/Public/www-style/2005Jun/0039 ). I
looked through CSS 3
box model and haven't found anything to do this kind of job (it IS
actually working for
table cells with vertical-align in a quite similar way...):
|- width -|
+------------------------------+ -
|This is some text that | |
|doesn't completely fill |
|a block element |
| | height
| |
| |
| | |
+------------------------------+ -
\ /
\ /
V
+------------------------------+
| |
| |
| This is some text that |
| doesn't completely fill |
| a block element |
| |
| |
+------------------------------+
Therefore my proposal:
Name: content-align
Value: [[<percentage> | <length> ]{1,2}
| [[top | center | bottom] || [left | center |
right] ]] | auto
Initial: 0% 0%
Applies to: block elements
Percentages: refer to width and height of container element
Description: The bounding box of the content is computed.
Afterwards it is aligned
inside the containing block element according to
the value of the
content-align property.
E.g., 'content-align: center;' means the rendering just like my
second example above.
This property is somewhat similar to 'fit-position', just without the
'fit' part.
Regards
Manuel
Received on Tuesday, 12 September 2006 18:49:10 UTC