doc positionnement à jour (flexbox)
This commit is contained in:
parent
b3089b4b19
commit
be791c045e
2 changed files with 4 additions and 4 deletions
|
@ -58,7 +58,7 @@ section {
|
||||||
|
|
||||||
Version flexbox (HTML):
|
Version flexbox (HTML):
|
||||||
```html
|
```html
|
||||||
<section class="flexbox-v">
|
<section class="flex-container-v">
|
||||||
<div class="center w50">centré horizontalement et verticalement</div>
|
<div class="center w50">centré horizontalement et verticalement</div>
|
||||||
</section>
|
</section>
|
||||||
```
|
```
|
||||||
|
|
|
@ -72,7 +72,7 @@ HTML :
|
||||||
|
|
||||||
HTML :
|
HTML :
|
||||||
```html
|
```html
|
||||||
<div class="flexbox">
|
<div class="flex-container">
|
||||||
<div class="w400p">premier</div>
|
<div class="w400p">premier</div>
|
||||||
<div class="w400p">deuxième</div>
|
<div class="w400p">deuxième</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -113,7 +113,7 @@ HTML :
|
||||||
|
|
||||||
HTML :
|
HTML :
|
||||||
```html
|
```html
|
||||||
<div class="flexbox">
|
<div class="flex-container">
|
||||||
<div class="w400p">premier</div>
|
<div class="w400p">premier</div>
|
||||||
<div class="flex-item-fluid">deuxième</div>
|
<div class="flex-item-fluid">deuxième</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -151,7 +151,7 @@ Là aussi c'est automatique : les enfants d'un conteneur `flexbox` ont tous par
|
||||||
|
|
||||||
HTML :
|
HTML :
|
||||||
```html
|
```html
|
||||||
<div class="flexbox">
|
<div class="flex-container">
|
||||||
<div>premier</div>
|
<div>premier</div>
|
||||||
<div>deuxième</div>
|
<div>deuxième</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue