前端
关注
分享
扫一扫
天蓝蓝风轻轻
这个作者很懒，什么都没留下…
展开
-
justify-content
justify-content:flex-start 让子元素从父容器的开头开始排序，但是顺序不变 flex-end 让子元素从父容器的开头开始排序 但是盒子顺序不变 center 让子元素在父容器中间显示 space-between 左右的盒子贴近父...转载 2019-06-13 21:43:04 · 3573 阅读 · 1 评论 -
align-items属性
align-items stretch 默认值，项目被拉伸以适应容器 让子元素的高度拉伸适用父容器 子元素不给高度的前提下 center 项目位于容器的中心 垂直居中 flex-start 项目位于容器的开头 垂直对齐开始位置 flex-end ...转载 2019-06-13 22:04:44 · 5962 阅读 · 0 评论 -
css伸缩布局三等份
传统布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...转载 2019-06-11 21:03:48 · 839 阅读 · 0 评论 -
3.伸缩布局固定宽度
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...转载 2019-06-11 21:18:26 · 239 阅读 · 0 评论 -
4.伸缩布局排列方式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...转载 2019-06-11 21:29:14 · 305 阅读 · 0 评论 -
5.携程网头部
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...转载 2019-06-13 21:43:49 · 376 阅读 · 0 评论