---
# System prepended metadata

title: Flex Layout

---

# Flex Layout

css

lg = screen and (min-width: 1280px) and (max-width: 1919.99px)
lt-xl = screen and (max-width: 1919.99px)
gt-md = screen and (min-width: 1280px)
gt-sm = screen and (min-width: 960px)
gt-xs = screen and (min-width: 600px)

p : padding
pt-3(top) ,pb-3 (bottom),pl-3(left),pr-3(right) 
py-3(top,bottom),px-3(left,right),
p-3(all)
3: 1rem , 4:1.5rem , 2: 0.5rem ,1:rem

lh( line-height: 27px;) 


畫線
```
 <div class="divider mt-1"></div>
 
```
 
 
 ###### tags: ` 前端` `angular`