居中问题 定位: 将元素居中 将元素水平居中 将元素垂直居中 样式: 文字毛玻璃效果 代码 将元素居中: 1.使用绝对定位实现1 { width: 50px; height: 50px; /*设置元素宽高*/ position: absolute; /*修改为绝对定位*/ top: 50%; lef ...
分类：
Web程序 时间：
2020-06-13 12:58:38
阅读次数：
66
###对于一个页面来说，要怎么设计最主要是看你是用于什么的类型 ####如果是后台管理系统 一般都是一个屏幕显示，占据整个页面，有的时候要有一个页脚在屏幕最下面 这个时候可以给中间盒子设置绝对定位,页脚绝对定位，整个页面就全部填充 如果是超过一个屏幕大小的，可以用相对定位，或者不用定位，直接居中 # ...
分类：
Web程序 时间：
2020-06-08 12:41:55
阅读次数：
94
所需要的技术有： 1、position（定位） 首先要了解position存在的意义： 元素可以使用的顶部，底部，左侧和右侧属性定位。 然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。 这里会用到的是absolute 定位，也就是绝对定位，这个绝对 ...
分类：
Web程序 时间：
2020-06-05 09:14:08
阅读次数：
85
浏览器渲染过程 不同的浏览器渲染过程实际上并不相同，但是依旧存在相一致的部分，大致过程如下所示： 浏览器解析HTML文档的源码，然后构造出一个DOM树，DOM树的构建过程是一个深度遍历的过程，当前节点的所有子节点都构建好以后才会去构建当前节点的下一个兄弟节点。 接下来，浏览器开始对CSS文件内容进行 ...
分类：
Web程序 时间：
2020-06-05 00:26:08
阅读次数：
97
方法1 首先使用一个wrap包住左侧栏和中间栏，再用一个大的wrap包住左中右三个栏。 如下面代码所示 <div class="fuwrap"> <div class="ziwrap"> <div class="left"> 这是左边栏 </div> <div class="middle"> 这是中 ...
分类：
其他好文 时间：
2020-06-03 20:18:40
阅读次数：
71
原文链接 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.2) 若是块级元素, 该元素设置 margin:0 auto即可.3) 若子元素包含 float:left 属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-conte ...
分类：
其他好文 时间：
2020-06-02 00:14:25
阅读次数：
578
写在前面：很多时候我们需要水平居中时候用margin: 0 auto;但我们要知道，这个方法有很大的局限性，它不能对浮动元素和绝对定位元素居中，而且对于其他元素必须在有width属性时才有作用。 这里说的居中是水平竖直同时居中，就像下面图中这样，而且我们居中的时元素而不是内容。(以下所有方法的结果和 ...
分类：
Web程序 时间：
2020-06-01 00:58:07
阅读次数：
73
现在有flex布局等新技术，bfc的效果比如包住元素，进行自适应布局等已经不需要了。现在只有免式的事后才需要知道BFC！ 看不懂的定义 CSS规范中对 BFC 的描述 9.4.1 块格式化上下文 浮动，绝对定位元素，非块盒的块容器（例如，inline-blocks，table-cells和table ...
分类：
Web程序 时间：
2020-05-31 10:46:40
阅读次数：
79
1. 提示框 基本原理： 用一个dom元素来显示提示框，提示框绝对定位，在相关事件中，动态修改提示框的位置即可。 通常是用 event 的 pageX 和 pageY 修改 提示框定位。 2. 折线图的焦点虚线 在鼠标滑动到折线图焦点时候，通常要显示到Y轴和X轴的虚线。 此时，需要监听划过区域的事件 ...
分类：
其他好文 时间：
2020-05-30 15:36:54
阅读次数：
74
块级元素 如 div 可以设置margin-top、margin-bottom 、margin-left、margin-right。 但是 margin的 auto值 设置水平方向的，可以直接水平居中；想要垂直居中需要子绝父相，给自己添加绝对定位后并且将top bottom right left赋值 ...
分类：
其他好文 时间：
2020-05-26 20:50:03
阅读次数：
77
