Re: [css3-flexbox] Best way to denote flexible lengths

>-----Original Message----- 
>From: Tab Atkins Jr.
>Sent: Friday, April 15, 2011 10:06 PM
>To: Alex Mogilevsky
>Cc: www-style list
>Subject: Re: [css3-flexbox] Best way to denote flexible lengths
>
>On Fri, Apr 15, 2011 at 9:09 PM, Alex Mogilevsky <alexmog@microsoft.com> 
>wrote:
>>> Currently I have padding (and margin) not take flex values; they simply
>>> take 'auto', which is treated like 1fr.  Is that okay?
>>
>> Ah, right. I have concerns with applying flexibility to padding to begin 
>> with, so less is better.
>
>How do you feel about removing flexible padding, and instead speccing
>a 'box-align' property, as was discussed a few years ago?
>

Obviously flexible padding is not the same as box alignment.

I saw cases like:

div {
  padding:0 1*; width:50%;
}

The desire here is to have
1) content box of 50% of container's width;
2) content positioned in the middle;
3) hit test area shall be full "row"  for :hover and :active;

#3 is a key-point here.

Rarely but used.

I suspect that the same is about flexible borders.
Especially if to consider expandable border-images.

The box alignment is a separate story.

First of all it should be two of them:
  vertical-align and horizontal-align

For example for flow:horizontal; container
(single row flex box)

'vertical-align' applies on per child basis -
if there is a free space left after vertical flex calculation
for this child then this particular child gets aligned
vertically.

'horizontal-align' applies as a whole -
if space left after flex calculation among all
children then all of them are shifted according
to horizontal-align.

-- 
Andrew Fedoniouk

http://terrainformatica.com

Received on Saturday, 16 April 2011 18:09:49 UTC