前面的话 一般地,有两种自适应:撑满空闲空间与收缩到内容尺寸。CSS3将这两种情况分别定义为'fill-availabel'和'fit-content'。除此之外 ,还新增了更细粒度的'min-content'和'max-content'。这四个关键字可用于设置宽高属性。本文将详细介绍CSS3中的这 ...
分类:
Web程序 时间:
2020-06-15 17:23:44
阅读次数:
131
网上摘录常用css片段 垂直水平居中 /*绝对定位 + 未知宽高 + translate*/ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /*flex 轻松搞定水平垂直居中(未知宽高*/ dis ...
分类:
Web程序 时间:
2020-06-14 23:22:57
阅读次数:
85
###第一种,常用于垂直居中盒子的文字,需要知道盒子高度,行高不能设置百分比 text-align:center; line-height:盒子本身高度 ###第二种,使用display:table和display:table-cell配合,两个必须分别作用于父盒子和子盒子 display:tabl ...
分类:
Web程序 时间:
2020-06-14 16:53:54
阅读次数:
228
原文地址:https://www.jianshu.com/p/cd5ba22a416d 一、scroll团队成员 scroll,滚动,一般讨论的是网页整体与浏览器之间的关系。 浏览器的的宽高是固定的,但是页面的一般高度都远远大于浏览器的高度,有时候宽度也会大于浏览器的宽度。 Js中有一些系列的方法s ...
分类:
Web程序 时间:
2020-06-14 12:56:28
阅读次数:
71
1. USB摄像头取图 由于分辨率越高,处理的像素就越多,导致分析图像的时间变长,这里,我们设定摄像头的取图像素为(240,320): cap = cv2.VideoCapture(0) # 根据电脑连接的情况填入摄像头序号 assert cap.isOpened() # 以下设置显示屏的宽高 ca ...
分类:
其他好文 时间:
2020-06-13 21:31:31
阅读次数:
140
居中问题 定位: 将元素居中 将元素水平居中 将元素垂直居中 样式: 文字毛玻璃效果 代码 将元素居中: 1.使用绝对定位实现1 { width: 50px; height: 50px; /*设置元素宽高*/ position: absolute; /*修改为绝对定位*/ top: 50%; lef ...
分类:
Web程序 时间:
2020-06-13 12:58:38
阅读次数:
66
如何设置水平居中显示? 一般的方法是设置宽高,然后以margin去控制,比如:DIV居中的经典方法 本章介绍需要宽度自适应时如何水平居中,以及居中失效的几个点 水平自适应居中 比如设置一个列表水平居中显示 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA BBBBBBBBBB ...
分类:
Web程序 时间:
2020-06-11 13:49:07
阅读次数:
255
box-sizing是什么 一言以蔽之,box-sizing用来控制元素的内容区域的宽/高与padding,border之间的关系;正常的盒模型: 元素的内容区域宽度=width; 元素的内容区域高度=height; 元素实际占的宽度=width+padding+border; 元素实际占的高度=h ...
分类:
其他好文 时间:
2020-06-10 20:55:17
阅读次数:
58
602. 俄罗斯套娃信封 中文English 给一定数量的信封,带有整数对 (w, h) 分别代表信封宽度和高度。一个信封的宽高均大于另一个信封时可以放下另一个信封。求最大的信封嵌套层数。 样例 样例 1: 输入:[[5,4],[6,4],[6,7],[2,3]] 输出:3 解释: 最大的信封嵌套层 ...
分类:
其他好文 时间:
2020-06-08 09:25:29
阅读次数:
64
一、flex布局 顶部,底部固定,中间自适应(中间左固定,右自适应)。 <body> <div class="container"> <div class="header"></div> <div class="content"> <div class="left"></div> <div clas ...
分类:
Web程序 时间:
2020-06-07 10:59:54
阅读次数:
64