padding

块级元素和行内元素的区别

由 北战南征 提交于 2020-03-12 08:10:37
　　块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度. 　　行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化. 　　 　　块级元素可以设置width,height属性. 　　行内元素设置width,height属性无效. 　　块级元素即使设置了宽度,仍然是独占一行. 　　 　　块级元素可以设置margin和padding属性. 　　行内元素的margin和padding属性,水平方向的padding-left,padding-right,margin-left,margin-right都产生边距效果,但竖直方向的padding-top,padding-bottom,margin-top,margin-bottom却不会产生边距效果. 　　 　　块级元素对应于display:block. 　　行内元素对应于display:inline. 　　 来源： https://www.cnblogs.com/fu277/archive/2012/03/13/2393358.html

[WPF疑难]在WPF中显示动态GIF

由 吃可爱长大的小学妹 提交于 2020-03-12 04:53:24
简介： 　　这是利用WPF作为前端技术，实现桌面版微信多客服系统。项目采用Prism作为前端框架，采用MVVM模式极好的对UI和逻辑代码分离，使用MefBootstrapper集成的MEF IOC容器，解耦各模块对象。合理利用 IEventAggregator 实现事件和交互。文章在介绍对应功能时候会给出相关实现的参考，读者可以参考改进，引入到自己的项目中。 程序运行界面及功能预览： 一、登陆： 功能：支持记住用户和用户设置，可选择记住用户密码。 实现相关： 自定义登陆窗口，引入Microsoft.Windows.Shell。可参考 WPF Custom Chrome Library 和 MSDN WindowChrome Class 有相关自定义窗口实现。 最小化、最大化、关闭按钮功能实现可参考上面的例子。 登陆按钮，自定义Style，重写Button的Template，参考代码如下： <Style x:Key="LogginButton" TargetType="{x:Type Button}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type Button}"> <Grid > <Border x:Name="Bd" Background="

四则运算计算器的微信小程序_1 界面

由 回眸只為那壹抹淺笑 提交于 2020-03-11 13:13:46
主界面wxml文件： page{ height:100%; } .content{ min-height:100%; display:flex; flex-direction:column; align-items:center; box-sizing:border-box; position:relative; } .main-bg{ height:100%; width:100%; position:absolute; top:0; left:0; z-index:-1; } .screen-container{ padding-top:30rpx; padding-left:5rpx; padding-right:5rpx; } .screen{ ">#fff; border-radius:3px; text-align:right; width:720rpx; height:100rpx; line-height:100rpx; padding-left:10rpx; padding-right:10rpx; margin-bottom:30rpx; } .btnGroup{ display:flex; flex-direction:row; } .item{ width:160rpx; min-height:10rpx; margin:10rpx; text-shadow

js 盒模型

由 一笑奈何 提交于 2020-03-10 11:49:45
JS盒模型 ********* 1、width | height parseInt(getComputedStyle(ele, null).getPropertyValue('width')) parseInt(getComputedStyle(ele, null).getPropertyValue('height')) 2、padding + width | padding + height clientWidth clientHeight 3、border + padding + width | border + padding + height offsetWidth offsetHeight 4、结合绝对定位，距离最近定位父级的Top | Left offsetTop offsetLeft ···html <!DOCTYPE html> 就是盒模型 <style type="text/css"> .sup { width: 200px; height: 200px; padding: 30px; border: 5px solid black; background-color: orange; margin: 20px; position: relative; } .sub { width: 100px; height: 100px; padding: 20px;

自定义错误界面404

由 你离开我真会死。 提交于 2020-03-10 04:34:43
解决IE下自定义HTTP错误页太小不显示并导致显示默认友好错误页问题 我看到了这么一句话Ticket #11289, IE bug fix: always pad the error page with enough characters such that it is greater than 512 bytes, even after gzip compression，貌似和IE什么Bug有关系，立即Google之，找到了WordPress原先的Bug处理页 《Internet Explorer, 512-byte error page fix doesn’t work. Neglects gzip compression.》 。 通过上述描述得知当自定义HTTP错误页(Custom HTTP Error Page)体积过小，小于一个临界阈值(thresholds)时，IE浏览器将自动以内部错误页面(Microsoft-stylin’ error page)来取代你的自定义错误页。 什么意思呢？首先我们要理解什么是自定义HTTP错误页。当然要理解HTTP状态码(HTTP Status Code)，比如说我们找不到页面时服务器将返回一个404状态码，表示找不到页面，当我们进行301或者302重定向时也是通过这个状态码来进行，当然还要有一些附加信息，比如状态

下拉菜单的制作

由 ╄→尐↘猪︶ㄣ 提交于 2020-03-09 14:57:18
制作了一个前端常用的菜单 <style type="text/css"> *{ margin: 0px; padding: 0px; } #menu{ background-color: #6495ED; width: 1200px; height: 40px; margin: 0 auto; padding: 0px; font-weight: bold; } ul{ list-style: none; } ul li{ float: left; line-height: 40px; text-align: center; position: relative; width: 240px; } a{ text-decoration: none; color: white; display: block; padding: 0 10px; height: 40px; } a:HOVER { color: #fff; background-color: #228B22; } ul li ul li{ float: none; background-color: #6495ED; margin-top: 1px; } ul li ul{ position: absolute; left: 0px; top: 40px; display: none; } </style> <script

很值得套用的keras经典Unet版本

由 无人久伴 提交于 2020-03-09 09:37:13
代码如下： 1 from model import * 2 from data import *#导入这两个文件中的所有函数 3 4 #os.environ[“CUDA_VISIBLE_DEVICES”] = “0” 5 6 7 data_gen_args = dict(rotation_range=0.2, 8 width_shift_range=0.05, 9 height_shift_range=0.05, 10 shear_range=0.05, 11 zoom_range=0.05, 12 horizontal_flip=True, 13 fill_mode=‘nearest’)#数据增强时的变换方式的字典 14 myGene = trainGenerator(2,‘data/membrane/train’,‘image’,‘label’,data_gen_args,save_to_dir = None) 15 #得到一个生成器，以batch=2的速率无限生成增强后的数据 16 17 model = unet() 18 model_checkpoint = ModelCheckpoint(‘unet_membrane.hdf5’, monitor=‘loss’,verbose=1, save_best_only=True) 19 #回调函数，第一个是保存模型路径

CSS的水平居中和垂直居中方式

由 眉间皱痕 提交于 2020-03-08 22:02:28
水平居中 1.行内元素或行内块元素水平居中，即给其父元素添加text-align：center 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Document</title> 8 <style> 9 * { 10 padding: 0; 11 margin: 0; 12 } 13 14 .wrapper { 15 height: 400px; 16 background-color: pink; 17 text-align: center; 18 } 19 </style> 20 </head> 21 22 <body> 23 24 <div class="wrapper"> 25 <span class="center">text-align：center</span> 26 </div> 27 28 </body> 29 30 </html> 2.块级元素水平居中可以用margin：0 auto 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta

css padding 填充

由 断了今生、忘了曾经 提交于 2020-03-08 16:15:26
语法： padding ：[ <length> | <percentage> ]{1,4} 默认值 ：看每个独立属性 适用于 ：所有元素，除 table-row-group | table-header-group | table-footer-group | table-column-group | table-row 外 继承性 ：无 动画性 ：是 计算值 ：看每个独立属性 相关属性 ：[ padding-top ] || [ padding-right ] || [ padding-bottom ] || [ padding-left ] 取值： <length> ： 用长度值来定义内补白。不允许负值 <percentage> ： 用百分比来定义内补白。水平（默认）书写模式下，参照其包含块 width 进行计算，其它情况参照 height 。不允许负值 说明： 检索或设置对象四边的内部边距。 如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。 如果只提供一个，将用于全部的四边。 如果提供两个，第一个用于上、下，第二个用于左、右。 如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。 非替代(non-Replaced)行内元素可以使用该属性设置左、右两边的内补丁；若要设置上、下两边的内补丁，必须先使该对象表现为块级或内联块级。 对应的脚本特性为 padding

前端开发必须知道的CSS(一) CSS Hack

由 点点圈 提交于 2020-03-08 09:30:51
在开发中，我们常会遇到某些css在IE中显示正常，但是在Firefox中显示不是我们所希望的，或者在Firefox中正常而在IE中不是我们所要。由于不同浏览器对CSS的支持和解析不一样，或者CSS优先级不一样，所以我们常针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，这就是CSS Hack。也可以说CSS Hack就是那些能区别不同浏览器的字符，如!important, * , _ 等。在看了一些网上的相关知识后和实践后，作下总结。 各浏览器的CSS Hack ： 在IE7发布之前，区分IE与FireFox（OP等与FireFox一样），可以靠!important。譬如body{background-color:green !important;background-color:blue;} ，在IE6中打开页面，body的背景色是蓝色，因为IE6不识别!important，而Firefox识别了!important，所以在Firefox中背景色是绿色，含有!important的样式要写在前面，因为如果2个样式都能识别，后面的会覆盖前面的。 而杯具的IE7识别了!important，所以不能仅靠!important来区分Firefox了。 另外，对*号的解释，网上有些是这样说的：*: Html 元素被认为是网页上的第一个元素，即根元素。但是，IE
订阅 padding