布局
yanyihan16
这个作者很懒,什么都没留下…
展开
-
Flex布局
一、Flex布局 Flex(Flexible Box),弹性布局。为盒状模型提供最大的灵活性。 使用: .flex-box{ display: flex; } .flex-box{ display: inline-flex; } //Webkit内核的浏览器,必须加上-webkit前缀。 .flex-box{ display: -webkit-flex; /* Safari */ } 注意...原创 2019-05-24 15:08:22 · 174 阅读 · 0 评论 -
响应式布局
viewport <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> //viewport是网页默认的宽度和高度,网页宽度默认等于屏幕宽度(...原创 2019-05-23 18:06:30 · 172 阅读 · 0 评论 -
grid栅格布局
一、使用 .grid{ display: grid } .grid{ display: inline-grid } 二、容器划分 定义横、纵网格轨道。 <style> .grid { display: grid; grid-template-columns: 60px 60px 60px 60px; grid-template-rows: 60px...原创 2019-05-27 17:18:35 · 494 阅读 · 0 评论