box

弹性盒子 ( Flex Box)语法

人盡茶涼 提交于 2019-11-28 01:42:56
㈠什么是弹性盒子? 弹性盒子是 CSS3 的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。 ● 伸缩容器:设置为display:flex或display:inline-flex的元素称为伸缩容器。 ● 伸缩项目:伸缩容器的子元素称为伸缩项目 注意:设为Flex布局以后,子元素的float、clear和vertical-align属性将失效;弹性子元素通常在弹性盒子内一行显示。默认情况每个容器只有一行 默认情况下伸缩容器存在两根轴,水平的主轴和垂直的侧轴。 ㈡浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在数字后面的 -webkit- 或 -moz- 为指定浏览器的前缀。 ㈢基本概念 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。 容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。 主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start

Data is Null. This method or property cannot be called on null values.(using combo box)

半城伤御伤魂 提交于 2019-11-28 01:23:15
Hi I have nulls in a table that I will use to populate a combo box. I am not sure how to do this. When I run the below code I get the error: Data is Null. This method or property cannot be called on null values. I need help and I'm new to mysql the code : private void comboBox1_SelectedIndexChanged(object sender, EventArgs e) { string constring = "datasource=localhost;port=3306;username=root;password=root"; string Query = "SELECT * from database.check WHERE patientname IS NOT NULL"; MySqlConnection conDataBase = new MySqlConnection(constring); MySqlCommand cmdDataBase = new MySqlCommand(Query,

零基础学习java------day14-----

喜夏-厌秋 提交于 2019-11-28 00:09:07
1.泛型(jdk1.5以后出现) https://www.cnblogs.com/lwbqqyumidi/p/3837629.html#!comments ( 1)为什么要用泛型?   限制集合,让它只能存储某种类型的元素,如果不限制,集合(默认Object类型)中想存什么就存什么,这样在取元素的时候就会面临大量强制类型转换,这就很可能出现转换异常,为了解决这个问题,jdk1.5以后就出现泛型   当我们将一个对象放入集合中,集合不会记住此对象的类型,当再次从集合中取出此对象时,改对象的编译类型变成了Object类型,但其运行时类型任然为其本身类型。因此,当我们取出集合元素时需要人为的强制类型转化到具体的目标类型,这就很容易很容易出现“java.lang.ClassCastException”异常 (2)泛型概述   泛型,即“参数化类型”。一提到参数,最熟悉的就是定义方法时有形参,然后调用此方法时传递实参。那么参数化类型怎么理解?顾名思义,就是将类型由原来的具体的类型参数化,类似于方法中的变化量话参数,此时类型也定义成参数形式(可称之为类型形参),然后在使用/调用时传入具体的类型(类型实参),一般用"<E>"表示。泛型只在编译时有效,在生成的.class文件中,会把泛型擦除掉。 (3)泛型定义 a 定义在类上  若类在定义时没有加泛型时,则在创建对象时,不能使用泛型,如下图

目标检测论文解读7——YOLO v2

假如想象 提交于 2019-11-27 23:58:33
背景   YOLO v1检测效果不好,且无法应用于检测密集物体。 方法   YOLO v2是在YOLO v1的基础上,做出如下改进。   (1) 引入很火的Batch Normalization ,提高mAP和训练速度;   (2) 加入了Anchor Box机制 ,每个grid cell5个Anchor Box;   (3) 自动选择Anchor Box ,这是作者所作出的创新,之前Anchor Box都是人为直接规定的,显然不是很合理。作者通过K-means聚类算法,用IoU作为距离度量,生成了Anchor Box的尺度。   (4) 引入Multi-Scale的思想 ,YOLO v2去掉了全连接层,所以网络可以接受不同size的图片,训练过程中网络每隔10 batch随机选择不同的size的图片作为输入数据。 总结    YOLO v2在YOLO v1基础上,加入各种流行的技术,达到了非常好的效果。 来源: https://www.cnblogs.com/xin1998/p/11381355.html

Gym–101061A Cards(有待更新)

爱⌒轻易说出口 提交于 2019-11-27 22:18:44
time limit per test 2.0 s memory limit per test 64 MB input standard input output standard output Omar has a deck of cards. Every card has a unique integer number written on it. He says that his cards are numbered starting from 1, and if a card with number N exists, then a card with number N  + 1 exists. Yes he may have an infinite sequence ! Yesterday when he went to school, his little brother Samir played with his cards by sorting them into two boxes according to the numbers written on them by repeating the following two steps: Take the card with the smallest number, let it be X . Put the

水题(找规律)

对着背影说爱祢 提交于 2019-11-27 21:56:24
http://codeforces.com/gym/101061/problem/A A. Cards time limit per test 2.0 s memory limit per test 64 MB input standard input output standard output Omar has a deck of cards. Every card has a unique integer number written on it. He says that his cards are numbered starting from 1, and if a card with number N exists, then a card with number N  + 1 exists. Yes he may have an infinite sequence ! Yesterday when he went to school, his little brother Samir played with his cards by sorting them into two boxes according to the numbers written on them by repeating the following two steps: Take the

DOM

混江龙づ霸主 提交于 2019-11-27 21:42:44
节点分为3种 元素节点,文本节点,属性节点 元素节点:div 属性节点:id=‘app’ 文本节点:里面的内容 window.onload = function(){ //会等html加载完毕后再执行 } document.getElementById('box').id //获取Id document.getElementById('box').id = 'person'; //设置id document.getElementById('box').title //获取title document.getElementById('box').title = '标题'; //设置title document.getElementById('box').style //获取css对象 document.getElementById('box').style.color //获取css对象的color document.getElementById('box').style.color = 'red'; //设置css document.getElementById('box').className //获取class document.getElementById('box').className = 'box'; //设置class document.getElementsById

box-flex

穿精又带淫゛_ 提交于 2019-11-27 20:31:39
<ul id="box"> <li>a</li> <li>b</li> <li>c</li> </ul>#box{display:box;width:240px;height:100px;margin:0;padding:10px;list-style:none;} #box li:nth-child(1){box-flex:1;} #box li:nth-child(2){box-flex:1;} #box li:nth-child(3){box-flex:2;} 来源: https://www.cnblogs.com/jjrr/p/11375105.html

CSS3--关于z-index不生效问题

核能气质少年 提交于 2019-11-27 19:15:00
参考文献: https://www.cnblogs.com/mrszhou/p/7745290.html 对于一个已经定位的元素(即 position 属性值不是 static 的元素 ), z-index 属性指定: 元素在当前堆叠上下文中的 堆叠层级 。 元素是否创建一个新的本地堆叠上下文。 z-index不生效的情况: 1.在用z-index的时候,该元素没有定位(非static) 2.在有定位的情况下,该元素的z-index没有生效,是因为该元素的子元素后来居上,盖住了该元素,解决方式:将盖住该元素的子元素的z-index设置为负数,而该元素不设z-index属性. <div class="dashed-box">Dashed box <span class="gold-box">Gold box</span> <span class="green-box">Green box</span> </div> .dashed-box { position: relative; background: red; border: dashed; z-index: 1; height: 8em; margin-bottom: 1em; margin-top: 2em; } .gold-box { position: absolute; z-index: 3; /* put .gold

9.求背景图片左边到#box盒子左边外框侧的距离

三世轮回 提交于 2019-11-27 10:06:52
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>求背景图片左边到#box盒子左边外框侧的距离</title> <style type="text/css"> * { margin: 0; padding: 0; } #box{ width: 100px; height: 200px; background: pink; padding: 100px; border: 80px solid blue; background-image: url("img/1.png"); background-repeat: no-repeat; background-origin: content-box;/* 背景图片起始源的位置 */ background-position: -50px 0; /* 左右 上下*/ /* background-position 和margin (上下 ; 左右) 等不一样*/ } /*答案:130px*/ </style> </head> <body> <div id="box"></div> </body> </html> 来源: https://www.cnblogs.com/FlyingLiao/p/9869288.html