- From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
- Date: Thu, 28 Mar 2024 13:59:26 +0000
- To: public-css-archive@w3.org
Loirooriol has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-align] Inconsistent fallback alignments for space-between and space-around/evenly ==
https://drafts.csswg.org/css-align/#distribution-values
| Alignment | Fallback |
| - | - |
| `space-between` | `flex-start` |
| `space-around` | `safe center` |
| `space-evenly` | `safe center` |
As per https://drafts.csswg.org/css-align/#valdef-overflow-position-safe, `safe center` will basically behave as `start`, which differs from the `flex-start` of `space-between`.
Blink seems to treat all of them as `flex-start`
```html
<!DOCTYPE html>
<style>
.flex { display: inline-flex; flex-wrap: wrap-reverse; flex-direction: row-reverse; height: 100px; width: 100px; border: solid; margin: 30px; }
.flex::before { content: ""; height:125%; width: 125%; flex-shrink: 0; z-index: -1; background: cyan; }
</style>
<div class="flex" style="place-content: space-between"></div>
<div class="flex" style="place-content: space-around"></div>
<div class="flex" style="place-content: space-evenly"></div>
```
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10154 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 28 March 2024 13:59:28 UTC