Position定位 中`position position static relative absolute fixed sticky inherit`。 static 属性是 元素的默认值,即没有定位,遵循正常的文档流对象,对于 、`bottom left right z index`属性的设置 ...
分类:
其他好文 时间:
2020-05-22 12:49:01
阅读次数:
57
前言 由于HTML语言的定位问题,在网页中实现居中也不是如word中那么简单,尤其在内容样式多变,内容宽高不定的情况下,要实现合理的居中也是颇考验工程师经验的。网上讲居中的文章很多,但是都不太完整,所以小茄今天就来总结下纯CSS实现居中的各种方案。学疏才浅,文中如有不当之处,万望指出! 6种方案 1 ...
分类:
Web程序 时间:
2020-05-22 11:19:33
阅读次数:
53
BFC实际上是形成一个独立的区域,与外界元素互不影响。 触发BFC的条件可以有: 1. overflow不为visible 2. float不为none 3. position不为static或relative 4. display为table-cell、flex、inline-block、inli ...
分类:
其他好文 时间:
2020-05-20 20:11:37
阅读次数:
62
1.元素的定位属性 元素的定位属性主要包括定位模式和边偏移两部分。 1)定位模式(定位的分类) 在CSS中,position属性用于定义元素的定位模式,其基本语法格式如下: 选择器{position:属性值;} position属性的常用值: static:自动定位(默认定位方式) relative ...
分类:
Web程序 时间:
2020-05-19 22:57:16
阅读次数:
107
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div { position: relative; width: 200px; h ...
分类:
Web程序 时间:
2020-05-19 13:06:07
阅读次数:
140
定位模式 static 静态定位-> 几乎不用 relative 相对定位 1 相对于原来在标准流中的位置来说的; 2 在原来标准流的区域继续占有,后面盒子仍然以标准流方式对待它, 后面盒子不会动 相对定位 水平居中方法: (1) margin : 0 auto; absolute 绝对定位: 是元 ...
分类:
Web程序 时间:
2020-05-18 14:36:21
阅读次数:
85
高度自适应第一种情况 1.高度不去设置,或者高度设置auto 内容撑开父元素的高度。2.内容撑开父元素的高度 -> 最小高度的设置 min-height3.浮动元素添加高度自适应 -> 添加浮动元素的父元素没有高度,会出现高度塌陷 解决高度塌陷的方法 (1)给出现高度塌陷的元素添加:overflow ...
分类:
Web程序 时间:
2020-05-16 16:27:32
阅读次数:
75
找到index.html 只需把下列代码style样式和 <div class="sampleContainer"> 复制到里边即可 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compati ...
分类:
其他好文 时间:
2020-05-15 13:59:00
阅读次数:
69
按照格式形成相应的日志条目,写入到制定的目录中去。 特点: 配置一次,后续调用即可,(放到项目目录中的conf目录) 设置level级别时,要和最小写入级别相等。触发告警只能高或持平。 源代码书写方法: import logging file_handler = logging.FileHandle ...
分类:
编程语言 时间:
2020-05-15 11:59:47
阅读次数:
88
第一步:前端样式以及html代码(图片自行添加) css代码: #container{ width: 1200px; height: 400px; margin:0 auto; overflow: hidden;/*超出的图片垂直方向隐藏,水平方向也隐藏*/ position: relative;/ ...
分类:
Web程序 时间:
2020-05-14 15:06:05
阅读次数:
65