<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
分类：
其他好文 时间：
2021-06-28 19:31:38
阅读次数：
0
一行三列循环自适应，是移动端常见的布局 当使用display flex justify-content: space-between;最后一行只有两个时候，会出现分居两端，我们此时需要把最后一行改为向前布局 我的解决方案如下： <div> <p class="item">1</p> <p class ...
分类：
其他好文 时间：
2021-06-24 18:16:06
阅读次数：
0
flex-shrink: 0; white-space: nowrap; ...
分类：
其他好文 时间：
2021-06-17 16:39:23
阅读次数：
0
CSS3 - Flex布局 可悲的是我学了那么久既然不懂这玩意，听说这玩意很强： 直接上图片： ...
分类：
Web程序 时间：
2021-06-13 10:40:16
阅读次数：
0
使用 flex 布局竖直排列时，竖直换行后子元素未撑开父元素的问题解决 现有 html 结构如下: <div class="wrap"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> ...
分类：
其他好文 时间：
2021-04-22 16:19:56
阅读次数：
0
一，relative、absolute 的区别 我们还是来说常见的地方。首先就是relative,absolute的区别： relative是依据自身来定位的 absolute则是依据离其最近一层的定位元素来定位的。最近一层，指的就是包裹着它的最近的一层父元素或以上层级。如果没有定位元素，那么就依据 ...
分类：
Web程序 时间：
2021-04-15 12:30:07
阅读次数：
0
父元素：box1,子元素：box2； 持续补充中。。。。。 一、子div定宽高 1. flex布局 .box1{ width: 300px; height: 300px; border: 1px solid red; display: flex; align-items: center; } .bo ...
分类：
其他好文 时间：
2021-04-01 13:41:10
阅读次数：
0
1.order属性定义项目的排列顺序，数值越小，排列越靠前，默认为0 .item{ order:1; } 2.flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间也不放大。 如果所有项目的flex-grow 属性为1，他们将等分剩余空间，如果一个flex-grow属性为2，其他项目 ...
分类：
其他好文 时间：
2021-03-08 13:46:23
阅读次数：
0
使用css3的flex模型实现一个居中布局 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>flex居中布局</title> 6 <style type="text/css"> 7 html, 8 bod ...
分类：
Web程序 时间：
2021-02-15 12:24:42
阅读次数：
0
Flex布局的基本内容： felx布局意为“弹性布局”，主要用于为盒状模型提供最大的灵活性。被广泛的应用于移动端，PC端的响应式布局。 首先：定义盒子为flex布局： .box{ display:flex; // 行内元素也可使用flex布局 // display:inline-flex;} 设置为 ...
分类：
其他好文 时间：
2021-02-02 10:31:03
阅读次数：
0
