1、基本概念1）Flex布局元素称为Flex 容器，子元素称为Flex项目；2）容器存在两根轴：主轴main axis(默认是水平方向)和交叉轴cross axis(默认是垂直方向)；3）任何一个容器都可以指定为flex布局： 块元素：display：flex； 行内元素：display:inlin ...
分类：
其他好文 时间：
2020-06-01 21:03:38
阅读次数：
90
1、什么是元素的显示模式 作用：网页的标签非常多，在不同的地方会用到不同类型的标签，了解他们的特点可以更好地布局我们的网页 元素的显示模式就是元素以什么方式来进行显示，比如<div>自己独占一行，一行又可以放多个<span> html一般分为块元素和行内元素两种类型 2、块元素 （1）常见的块元素： ...
分类：
Web程序 时间：
2020-05-31 21:41:52
阅读次数：
162
BFC的定义 BFC到底是个啥呢？先贴出一段大佬们在分析BFC的时候字面上的理解： 在CSS布局中，是通过对一个个box的布局，来实现整体页面的布局，这一个个box也就是一个个容器元素，这些元素分为两类：块级元素(block)，行内元素(inline)。 对于不同类型的元素，有不同的处理规则，这个元 ...
分类：
其他好文 时间：
2020-05-28 00:48:54
阅读次数：
86
首先是弹性盒布局：dispaly:flex；和display:inline-flex；(两个元素会在一行显示，类似于块状元素和行内块元素的区别) 1.设置成弹性盒后，所有的元素都会在主轴上排列，默认x轴为主轴，与主轴垂直的为侧轴 2.如果父元素设置成了弹性盒，想让子元素在弹性盒上下左右居，子元素只需 ...
分类：
其他好文 时间：
2020-05-26 22:13:49
阅读次数：
102
块级元素 如 div 可以设置margin-top、margin-bottom 、margin-left、margin-right。 但是 margin的 auto值 设置水平方向的，可以直接水平居中；想要垂直居中需要子绝父相，给自己添加绝对定位后并且将top bottom right left赋值 ...
分类：
其他好文 时间：
2020-05-26 20:50:03
阅读次数：
77
垂直居中方法 适用于父盒子为块级元素（div）、子盒子为块级元素（div）；父盒子为块级元素（div）、子盒子为行内块元素（span）；父盒子为块级元素（div）、子盒子为内联元素（img）； .father { height: 500px; width: 500px; background-col ...
分类：
其他好文 时间：
2020-05-26 20:42:24
阅读次数：
66
img标签，当src的url404时 1、使用默认图片代替 <img style="margin-left: 40px;width: 130px;height: 130px;" :src="url" @error="nofindImg()"/> nofindImg(){ let img = even ...
分类：
其他好文 时间：
2020-05-25 19:43:28
阅读次数：
199
核心js代码 $("#list li").on({ mouseover:function(){ $(this).children(".task-side").css("left","0"); $(this).children(".task-main").css("margin-left","27px ...
分类：
其他好文 时间：
2020-05-25 13:58:26
阅读次数：
118
<div><span>这两种标签都是布局用的这种标签本身没有任何显示效果通常是用来结合css进行页面布局 示例 1 : 看不出任何效果 这没有标签 <div> 这是一个div </div> <span>这是一个span</span> 示例 2 : div布局 一个简单的div布局的例子注： 这里使用 ...
分类：
Web程序 时间：
2020-05-23 09:20:46
阅读次数：
56
[^目录]:回到目录 [目录] [Toc] 一、普通流介绍 1. 普通流（标准流）：默认状态，元素自动从左往右，从上往下的排列 2. 块元素 独占一行 可以设置宽高 如果不设置宽高，宽度默认为容器的100% 3. 行内元素 与其它元素同行显示 不可以设置宽高 宽高就是文字或图片的宽高 二、浮动的基本 ...
分类：
其他好文 时间：
2020-05-18 16:03:05
阅读次数：
53
