https://github.com/neorandom/css
https://github.com/neorandom/css
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/neorandom/css
- Owner: neoRandom
- Created: 2024-01-09T06:17:22.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-27T00:43:38.000Z (almost 2 years ago)
- Last Synced: 2025-01-16T16:40:24.841Z (about 1 year ago)
- Size: 3.91 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# css
> "Como eu centralizo uma div mesmo?" - Todo programador sênior
## Flex(box):
`justify-content` Alinha os itens flex ao longo do eixo principal.
```
justify-content: flex-start (default) | flex-end | center | space-between | space-around | space-evenly
```
`align-items` Alinha itens flex ao longo do eixo cruzado.
```
align-items: flex-start | flex-end | center | baseline | stretch (default)
```
`flex-direction` Define a direção do eixo principal.
```
flex-direction: row (default) | row-reverse | column | column-reverse
```
`order` Especifica a ordem de um item flex.
```
order: (... -1, 0 (default), 1, ...)
```
`align-self` Alinha um item flex ao longo do eixo cruzado, substituindo o valor de align-items.
```
align-self: flex-start | flex-end | center | baseline | stretch
```
`flex-wrap` Especifica se os itens flex são forçados em um linha única ou podem quebrar em múltiplas linhas.
```
flex-wrap: nowrap (default) | wrap | wrap-reverse
```
`flex-flow` Propriedade abreviada para flex-direction e flex-wrap.
```
flex-flow:
```
`align-content` Alinha as linhas dentro de um container flex quando há espaço sobrando no eixo cruzado.
```
align-content: flex-start | flex-end | center | space-between | space-around | space-evenly | stretch (default)
```
## Grid (Todo):
...