布局情景
不想学习的一天
加油
展开
-
Flex弹性布局
Flex弹性布局 这几天布局一直使用到了flex布局,将它简单的总结一下,方便自己之后的使用和复习 1. 如何使用 任何一个容器都可以指定为Flex布局 div{ display:flex; } 行内元素也可以Flex布局 .box{ display:inline-flex; } Webkit 内核的浏览器,必须加上 -webkit 前缀。 .box{ display: -webkit-flex; /* Safari */ display: flex; } 2.基本概念原创 2020-10-12 23:17:57 · 198 阅读 · 0 评论 -
常见的布局情景(头像+标题)
在今天的布局过程中,遇到了一个布局情景,这是一个常用的布局情景 遇到的情景如下图: 为了实现这个布局,使用了flex布局,详细的flex布局如下链接 阮一峰老师flex布局详解 为了方便自己以后的复兴,实现了下图的模型 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>flex布局的常用情景</title> .原创 2020-10-08 23:18:49 · 298 阅读 · 0 评论