dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

modify media queries

Browse source
This commit is contained in:
Raphael Goetter 2015-03-07 14:53:44 +01:00
parent 8a52e30506
commit 088e68cb4f
5 changed files with 160 additions and 144 deletions
Download patch file Download diff file Expand all files Collapse all files

18
doc/02a-layout-alignements.md
View file

@ -40,7 +40,23 @@ HTML :
### Centrer verticalement
HTML :
![centrer verticalement](https://raw.githubusercontent.com/raphaelgoetter/KNACSS/master/doc/illust/02-layout.png)
Version table-cell (HTML) :
```html
<section class="col">
<div class="w50 center">centré horizontalement et verticalement</div>
</section>
```
Version table-cell (CSS) :
```css
section {
vertical-align: middle;
}
```
Version flexbox (HTML):
```html
<section class="flexbox-v">
<div class="center w50">centré horizontalement et verticalement</div>