- 一串奇特的代码
hi武林高手
一个空的div元素，所有浏览器的渲染结果都不一样。body{display:table-cell;vertical-align:middle;//垂直居中}div{margin:atuo;height:100px;width:100px;outline:inset100pxgreen;//设置4个边框的样式outline-offset:-125px;//对轮廓进行偏移}html{display：t
- ant design 表单label固定宽度
花开富贵城
css前端html
labelCol:{style:'width:80px;display:inline-block;vertical-align:inherit;'},wrapperCol:{style:'width:calc(100%-80px);display:inline-block;'},
- 05|内联元素与流
井润
01|字母xCSS世界中隐匿的举足轻重的角色因为涉及到排班或者说对齐的,其实都是离不开一个基本的概念:baseline(基线)line-height行高的定义就是两基线的间距,vertical-align的默认值也是基线(字母x的下边缘)!01|字母X与CSS中的x-height其中x-height是CSS中的一个概念,表示小写字母x的高度,其术语的意思表示为baseline和midline之间的
- vertical-align: bottom；
fury_123
html前端
问:这个弹框中,"张三"文字在某些ios手机中会上升到顶部,图片也会移动,西方二维码也会向下移动,请问什么原因?回答:我们在"张三"这个元素dt上,加上了vertical-align:bottom;这个属性,让这个在顶部的元素在最下面,就解决了样式错乱的问题.
- web前端开发篇（6）---flex布局详解
布呐呐na
前端cssjavascript
1flex布局原理flex是flexibleBox的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。当我们为父盒子设为flex布局后，子元素的float、clear和vertical-align属性将失效伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局父盒子称为容器container，子元素称为项目item布局原理：通过给父盒子添加flex属性
- 网页HTML5制作flex布局骰子,css3 flex布局结合transform生成一个3D骰子
weixin_39905500
1Flex布局首先聊聊Flex布局，Flex布局又称“弹性布局”，任何容器都可以指定为Flex布局，设置Flex布局会使得子元素的float、clear、vertical-align失效1.1Flex属性1.1.1flex-direction：决定项目的排列方向，默认自左向右水平排列.box{flex-direction:row|row-reverse|column|column-reverse;
- 简单的轮播图实现
小透明进击战
*{margin:0;padding:0;}li{list-style:none;}img{vertical-align:top;}.box{width:730px;height:454px;padding:5px;margin:100pxauto;border:1pxsolid#ccc;}.inner{width:730px;height:454px;background-color:#0099
- 前端学习day8--CSS（定位，堆叠，CSS精灵，字体图标，过渡/修饰属性）
cuier520
前端学习学习css前端
目录定位：功能：使用方式：相对定位：相对定位的特点：绝对定位：绝对定位的特点：定位居中：固定定位：编辑定位总结：堆叠层级：编辑CSS精灵：使用方法：字体图标：下载字体：使用字体：字体图标特有矢量图的上传：垂直对齐方式vertical-align：过渡transition：透明度opacity：光标类型cursor：定位：功能：可以使两个标签压在一起显示。在于灵活的改变标签的位置。使用方式：定位有两
- 移动端基础：flex布局
象更
csscss3前端
flex布局原理弹性布局，任何容器都可以指定flex布局当父类设为flex布局之后子类的float、clear、vertical-align属性将失效采用flex布局的元素，称为flex容器所有子元素称为容器成员，简称‘项目’。可以横向排列也可以纵向排列通过给父类添加flex属性，控制子盒子位置和排列方式属性作用flex-direction设置主轴方向justify-content设置主轴上子元素
- css学习：轮播图
比尔盖茨接班人班长
css学习css3
轮播图写法一：定位Document*{padding:0;margin:0;list-style:none;text-decoration:none;}#wrap{width:590px;height:470px;margin:50pxauto;border:10pxredsolid;position:relative;}img{vertical-align:middle;}/*.imgs{}*/
- img垂直水平居中与div
振礼硕晨
方法一：效果1.HTML代码2.CSS代码div{width:400px;height:300px;margin:0auto;background-color:#666;display:table-cell;text-align:center;vertical-align:middle;}img{width:200px;}3.备注1.如果将给div设置display:table-cell，那么di
- CSS基础样式
我不信这样也重名
CSS继承一、什么是CSS继承CSS继承是指我们设置父级CSS样式时，父级及以下的子级都具有此属性。二、不可继承的属性display：规定元素应该生成的框的类型文本属性：vertical-align、text-decoration、text-shadow、white-space、unicode-bidi等盒子模型属性：width、height、margin等背景属性：background等定位属性
- CSS：九宫格布局
羽墨灵丘
css前端
九宫格布局效果如下：HTML结构：123456789公共CSS：.container{width:310px;}.item{text-align:center;line-height:100px;vertical-align:middle;/*文字水平垂直居中*/width:100px;height:100px;background-color:orange;}方法一：float.containe
- 前端web入门-CSS-day07-定位和css高级技巧
小周不摆烂
#前端web入门css前端css3html5html
(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录定位相对定位绝对定位定位居中固定定位堆叠层级z-index定位-总结高级技巧CSS精灵字体图标字体图标–下载字体字体图标–使用字体CSS修饰属性垂直对齐方式vertical-align过渡transition透明度opacity光标类型cursor定位作用：灵活的改变盒子在网页中的位置实现：1.定位模式：
- PC端常用公共样式
愉快的小跳蛙
css前端javascriptcss3
因为使用的单位均是px，所以不适用于H5（只使用于PC）@charset"UTF-8";/*格式化样式*/h1,h2,h3,h4,h5,h6,p,body,div,form,input,button,th,td,ol,ul,dl,li,dd,dt{margin:0;padding:0;}ol,ul{list-style:none;}img{vertical-align:middle;border:
- 行内元素垂直对齐以及图片底部白边问题（CSS查漏补缺）
hijackli
文:jack同学jiack同学问题：很多时候布局，多个行盒排列时垂直方向上对齐时不一致的解决：使用vertical-align属性设置行盒，可以设置middle，top,bottom,还有数值(如-4px/6px);这些基本上可以解决大部分的问题了。注意这个属性不具有继承性图片底部白边问题问题：当块盒包裹图片的时候，图片底部和块盒底部之间是有间隙的，这个间隙根据字体大小变大而间隙扩大。解决：给图片
- 时间轴插件
WebGiser
Github地址：https://github.com/dolymood/Timeline效果图：image.png1、项目结构image.png2、具体需要的文件2.1、css文件夹image.png2.2、js文件夹image.png2.3、img文件夹image.png3、html代码时间轴*{margin:0px;padding:0px;}img{vertical-align:top;di
- CSS ---
Mon trésor.88
css前端
目录一，元素的显示与隐藏1，display显示隐藏（重点！）2，visibility（可见性）显示隐藏3，overflow溢出显示隐藏二，精灵图三，字体图标：iconfont四，CSS三角编辑五，CSS用户界面样式1，更改用户的鼠标样式cursor2，表单轮廓（轮廓线outline)3，防止表单域拖拽resize六，vertical-align实现图片或表单（行内块元素）和文字垂直居中对齐编辑七，
- 基于vue实现待办清单案例
CAUC_lin
vuevue.jsjavascriptcss前端
一、需求新增内容；删除内容；统计操作；清空数据。示例图：二、代码演示1、基础准备index.css代码html,body{margin:0;padding:0;}body{background:#fff;}button{margin:0;padding:0;border:0;background:none;font-size:100%;vertical-align:baseline;font-fa
- CSS两列布局的N种实现
金色888
原理：两个元素都设置dislpay:inline-block，为了消除html空格的影响，父元素的font-size需要设置为0，右侧自适应元素的宽度使用calc函数计算。如果两个元素的高度不一样，可以给元素设置vertical-align:top调整。缺点：由于父元素设置了font-size为0，子元素内文字不会显示*{padding:0;margin:0;}.box{height:600px;
- 支付宝红包php,支付宝红包赏金跳转源码，一键复制红包码，裂变推广
MCPlayer542
支付宝红包php
[html]代码库支付宝到店红包搜索码跳转推广裂变-引流*{padding:0;margin:0;}.main{overflow:hidden;}a{color:black;}.mainimg{width:100%;outline-width:0px;vertical-align:top;}.main{position:relative;}.main.copy-container{width:10
- CSS中的ex单位、内联盒子模型、line-height与内联元素高度之间的关系完全详解!
极客小俊
作者：极客小俊一个把逻辑思维转变为代码的技术博主我不用拼过聪明人，我只需要拼过那些懒人我就一定会超越大部分人!原创技术文章ex单位、内联盒子模型、行高与内联元素.png字母x与css中ex单位之间的概念上面也说过了,vertical-align:middle并不是绝对的垂直居中于文字对齐!middle也只是一种近似接近于居中的效果!就是因为不同的字体在行元素中的位置是不一样的!中线位置也不一样，所
- css的flex-direction: column；与direction: rtl；的作用
天香自然，地上红豆
css前端javascript
flex个人理解对子元素影响设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。作用自身的样式1.flex-direction属性决定主轴的方向(即项目的排列方向)2.flex-wrap属性定义,如果一条轴线排不下，如何换行。3.flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为rownowrap。4.ju
- Vue2租车高德地图项目经验分享
成为前端大牛
项目经验总结vue.jsjavascript前端
1：html块级元素水平居中，只要有宽度，margin：auto；块级元素垂直居中，可以不设置父容器的高度，设置padding。用子容器的高度撑开，这样子容器就是垂直居中显示子元素块级元素如果不设置宽度，默认为父级宽度，因为块级元素独占一行css中的vertical-align属性只能用于行内元素和置换元素（例如图像和表单输入框），此属性不继承。2:css模块化引入样式：@import'./'定义
- 定位 ， 锚点链接 盒子居中 ，透明度拓展
键盘上Disco
一.垂直对齐属性vertical-align:top|middle|bottomtd应用1.解决图片3px的问题(给图片设置vertical-align:不是默认就可以)2.表格内容的垂直对齐td注意只能在行内块元素可以用如imgbuttoninput二.定位概念:将一个元素放在指定的位置上position定位方式1.静态定位元素的默认的定位方式static2.固定定位fixed是基于浏览器当前屏
- 链接和按钮对不齐
海天鹰
CSScss
html-如何将HTML按钮与链接对齐？-IT工具网(coder.work)链接添加display:inline-block;按钮添加vertical-align:bottom;
- 安卓，qq浏览器img标签取消点击放大图片
厘子 车
样式csscss
问题：安卓的qq浏览器img标签点击会放大图片解决方案：img{pointer-events:none;vertical-align:sub;}关注博主更多文章https://blog.csdn.net/qq_39882537
- 字体图标
迦娜__
display:inline-block;之后元素陈列为行内元素的对齐方式，底部对齐。想让他们顶部对齐：vertical-align:top;backgrond-attached:fixed;锁定背景字体图标：www.iconfont.cnimg可以实现（注意：1.设置宽高2.Veritical-align3.请求过多）z-index设置重叠顺序，可以是0-1很大的值image.png
- 纯CSS加载中动画
阿古瓜
加载中动画效果dot{display:inline-block;height:1em;line-height:1;text-align:left;vertical-align:-.25em;overflow:hidden;}dot::before{display:inline-block;content:'...\A..\A.';white-space:pre;animation:dot3sinf
- html可编辑的表格
每天都进步一点点
jsJQhtmlhtmlhtml5css
可编辑表格table.wTable{margin-top:15px;border-collapse:collapse;border:1pxsolid#aaa;width:100%;}table.wTableth{vertical-align:baseline;padding:5px15px5px6px;background-color:#3F3F3F;border:1pxsolid#3F3F3F;
- 枚举的构造函数中抛出异常会怎样
bylijinnan
javaenum单例
首先从使用enum实现单例说起。
为什么要用enum来实现单例？
这篇文章（
http://javarevisited.blogspot.sg/2012/07/why-enum-singleton-are-better-in-java.html）阐述了三个理由：
1.enum单例简单、容易，只需几行代码：
public enum Singleton {
INSTANCE;
- CMake 教程
aigo
C++
转自：http://xiang.lf.blog.163.com/blog/static/127733322201481114456136/
CMake是一个跨平台的程序构建工具，比如起自己编写Makefile方便很多。
介绍：http://baike.baidu.com/view/1126160.htm
本文件不介绍CMake的基本语法，下面是篇不错的入门教程：
http:
- cvc-complex-type.2.3: Element 'beans' cannot have character
Cb123456
springWebgis
cvc-complex-type.2.3: Element 'beans' cannot have character
Line 33 in XML document from ServletContext resource [/WEB-INF/backend-servlet.xml] is i
- jquery实例:随页面滚动条滚动而自动加载内容
120153216
jquery
<script language="javascript">
$(function (){
var i = 4;$(window).bind("scroll", function (event){
//滚动条到网页头部的 高度，兼容ie,ff,chrome
var top = document.documentElement.s
- 将数据库中的数据转换成dbs文件
何必如此
sqldbs
旗正规则引擎通过数据库配置器（DataBuilder）来管理数据库，无论是Oracle，还是其他主流的数据都支持，操作方式是一样的。旗正规则引擎的数据库配置器是用于编辑数据库结构信息以及管理数据库表数据，并且可以执行SQL 语句，主要功能如下。
1)数据库生成表结构信息：
主要生成数据库配置文件(.conf文
- 在IBATIS中配置SQL语句的IN方式
357029540
ibatis
在使用IBATIS进行SQL语句配置查询时，我们一定会遇到通过IN查询的地方，在使用IN查询时我们可以有两种方式进行配置参数：String和List。具体使用方式如下：
1.String:定义一个String的参数userIds，把这个参数传入IBATIS的sql配置文件，sql语句就可以这样写：
<select id="getForms" param
- Spring3 MVC 笔记（一）
7454103
springmvcbeanRESTJSF
自从 MVC 这个概念提出来之后 struts1.X struts2.X jsf 。。。。。
这个view 层的技术一个接一个！ 都用过！不敢说哪个绝对的强悍！
要看业务，和整体的设计！
最近公司要求开发个新系统！
- Timer与Spring Quartz 定时执行程序
darkranger
springbean工作quartz
有时候需要定时触发某一项任务。其实在jdk1.3，java sdk就通过java.util.Timer提供相应的功能。一个简单的例子说明如何使用，很简单： 1、第一步，我们需要建立一项任务，我们的任务需要继承java.util.TimerTask package com.test; import java.text.SimpleDateFormat; import java.util.Date;
- 大端小端转换，le32_to_cpu 和cpu_to_le32
aijuans
C语言相关
大端小端转换，le32_to_cpu 和cpu_to_le32 字节序
http://oss.org.cn/kernel-book/ldd3/ch11s04.html
小心不要假设字节序. PC 存储多字节值是低字节为先(小端为先, 因此是小端), 一些高级的平台以另一种方式(大端)
- Nginx负载均衡配置实例详解
avords
[导读] 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。负载均衡先来简单了解一下什么是负载均衡，单从字面上的意思来理解就可以解 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。
负载均衡
先来简单了解一下什么是负载均衡
- 乱说的
houxinyou
框架敏捷开发软件测试
从很久以前，大家就研究框架，开发方法，软件工程，好多！反正我是搞不明白！
这两天看好多人研究敏捷模型，瀑布模型！也没太搞明白.
不过感觉和程序开发语言差不多，
瀑布就是顺序，敏捷就是循环.
瀑布就是需求、分析、设计、编码、测试一步一步走下来。而敏捷就是按摸块或者说迭代做个循环，第个循环中也一样是需求、分析、设计、编码、测试一步一步走下来。
也可以把软件开发理
- 欣赏的价值——一个小故事
bijian1013
有效辅导欣赏欣赏的价值
第一次参加家长会，幼儿园的老师说："您的儿子有多动症，在板凳上连三分钟都坐不了，你最好带他去医院看一看。" 回家的路上，儿子问她老师都说了些什么，她鼻子一酸，差点流下泪来。因为全班30位小朋友，惟有他表现最差；惟有对他，老师表现出不屑，然而她还在告诉她的儿子："老师表扬你了，说宝宝原来在板凳上坐不了一分钟，现在能坐三分钟。其他妈妈都非常羡慕妈妈，因为全班只有宝宝
- 包冲突问题的解决方法
bingyingao
eclipsemavenexclusions包冲突
包冲突是开发过程中很常见的问题：
其表现有：
1.明明在eclipse中能够索引到某个类，运行时却报出找不到类。
2.明明在eclipse中能够索引到某个类的方法，运行时却报出找不到方法。
3.类及方法都有，以正确编译成了.class文件，在本机跑的好好的，发到测试或者正式环境就
抛如下异常：
java.lang.NoClassDefFoundError: Could not in
- 【Spark七十五】Spark Streaming整合Flume-NG三之接入log4j
bit1129
Stream
先来一段废话：
实际工作中，业务系统的日志基本上是使用Log4j写入到日志文件中的，问题的关键之处在于业务日志的格式混乱，这给对日志文件中的日志进行统计分析带来了极大的困难，或者说，基本上无法进行分析，每个人写日志的习惯不同，导致日志行的格式五花八门，最后只能通过grep来查找特定的关键词缩小范围，但是在集群环境下，每个机器去grep一遍，分析一遍，这个效率如何可想之二，大好光阴都浪费在这上面了
- sudoku solver in Haskell
bookjovi
sudokuhaskell
这几天没太多的事做，想着用函数式语言来写点实用的程序，像fib和prime之类的就不想提了（就一行代码的事），写什么程序呢？在网上闲逛时发现sudoku游戏，sudoku十几年前就知道了，学生生涯时也想过用C/Java来实现个智能求解，但到最后往往没写成，主要是用C/Java写的话会很麻烦。
现在写程序，本人总是有一种思维惯性，总是想把程序写的更紧凑，更精致，代码行数最少，所以现
- java apache ftpClient
bro_feng
java
最近使用apache的ftpclient插件实现ftp下载，遇见几个问题，做如下总结。
1. 上传阻塞，一连串的上传，其中一个就阻塞了，或是用storeFile上传时返回false。查了点资料，说是FTP有主动模式和被动模式。将传出模式修改为被动模式ftp.enterLocalPassiveMode();然后就好了。
看了网上相关介绍，对主动模式和被动模式区别还是比较的模糊，不太了解被动模
- 读《研磨设计模式》-代码笔记-工厂方法模式
bylijinnan
java设计模式
声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
package design.pattern;
/*
* 工厂方法模式：使一个类的实例化延迟到子类
* 某次，我在工作不知不觉中就用到了工厂方法模式（称为模板方法模式更恰当。2012-10-29）：
* 有很多不同的产品，它
- 面试记录语
chenyu19891124
招聘
或许真的在一个平台上成长成什么样，都必须靠自己去努力。有了好的平台让自己展示，就该好好努力。今天是自己单独一次去面试别人，感觉有点小紧张，说话有点打结。在面试完后写面试情况表，下笔真的好难，尤其是要对面试人的情况说明真的好难。
今天面试的是自己同事的同事，现在的这个同事要离职了，介绍了我现在这位同事以前的同事来面试。今天这位求职者面试的是配置管理，期初看了简历觉得应该很适合做配置管理，但是今天面
- Fire Workflow 1.0正式版终于发布了
comsci
工作workflowGoogle
Fire Workflow 是国内另外一款开源工作流，作者是著名的非也同志，哈哈....
官方网站是 http://www.fireflow.org
经过大家努力,Fire Workflow 1.0正式版终于发布了
正式版主要变化:
1、增加IWorkItem.jumpToEx(...)方法，取消了当前环节和目标环节必须在同一条执行线的限制，使得自由流更加自由
2、增加IT
- Python向脚本传参
daizj
python脚本传参
如果想对python脚本传参数，python中对应的argc, argv(c语言的命令行参数)是什么呢？
需要模块：sys
参数个数：len(sys.argv)
脚本名： sys.argv[0]
参数1： sys.argv[1]
参数2： sys.argv[
- 管理用户分组的命令gpasswd
dongwei_6688
passwd
NAME： gpasswd - administer the /etc/group file
SYNOPSIS：
gpasswd group
gpasswd -a user group
gpasswd -d user group
gpasswd -R group
gpasswd -r group
gpasswd [-A user,...] [-M user,...] g
- 郝斌老师数据结构课程笔记
dcj3sjt126com
数据结构与算法
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
- yii2 cgridview加上选择框进行操作
dcj3sjt126com
GridView
页面代码
<?=Html::beginForm(['controller/bulk'],'post');?>
<?=Html::dropDownList('action','',[''=>'Mark selected as: ','c'=>'Confirmed','nc'=>'No Confirmed'],['class'=>'dropdown',])
- linux mysql
fypop
linux
enquiry mysql version in centos linux
yum list installed | grep mysql
yum -y remove mysql-libs.x86_64
enquiry mysql version in yum repositoryyum list | grep mysql oryum -y list mysql*
install mysq
- Scramble String
hcx2013
String
Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrings recursively.
Below is one possible representation of s1 = "great":
- 跟我学Shiro目录贴
jinnianshilongnian
跟我学shiro
历经三个月左右时间，《跟我学Shiro》系列教程已经完结，暂时没有需要补充的内容，因此生成PDF版供大家下载。最近项目比较紧，没有时间解答一些疑问，暂时无法回复一些问题，很抱歉，不过可以加群（334194438/348194195）一起讨论问题。
----广告-----------------------------------------------------
- nginx日志切割并使用flume-ng收集日志
liyonghui160com
nginx的日志文件没有rotate功能。如果你不处理，日志文件将变得越来越大，还好我们可以写一个nginx日志切割脚本来自动切割日志文件。第一步就是重命名日志文件，不用担心重命名后nginx找不到日志文件而丢失日志。在你未重新打开原名字的日志文件前，nginx还是会向你重命名的文件写日志，linux是靠文件描述符而不是文件名定位文件。第二步向nginx主
- Oracle死锁解决方法
pda158
oracle
select p.spid,c.object_name,b.session_id,b.oracle_username,b.os_user_name from v$process p,v$session a, v$locked_object b,all_objects c where p.addr=a.paddr and a.process=b.process and c.object_id=b.
- java之List排序
shiguanghui
list排序
在Java Collection Framework中定义的List实现有Vector，ArrayList和LinkedList。这些集合提供了对对象组的索引访问。他们提供了元素的添加与删除支持。然而，它们并没有内置的元素排序支持。 你能够使用java.util.Collections类中的sort()方法对List元素进行排序。你既可以给方法传递
- servlet单例多线程
utopialxw
单例多线程servlet
转自http://www.cnblogs.com/yjhrem/articles/3160864.html
和 http://blog.chinaunix.net/uid-7374279-id-3687149.html
Servlet 单例多线程
Servlet如何处理多个请求访问？Servlet容器默认是采用单实例多线程的方式处理多个请求的：1.当web服务器启动的
