已知div行高设置text-align:center文字会自动居中。 通过:before来设置icon的地址和高宽。 需要设置图片默认的垂直居中条件，与文字一致，为text-bottom。 设置图片行级显示。 <!Doctype html><html><head><style>body{margin ...
分类：
其他好文 时间：
2017-02-12 18:29:34
阅读次数：
3170
1.:Vex/:Sex >水平/垂直分屏并打开文件所处目录; 2.:sp/:vsp[+filename]-->水平/垂直分屏[打开文件/本文件]; ...
分类：
系统相关 时间：
2017-02-10 10:45:03
阅读次数：
219
1.单行文本的水平垂直 用height ＝ line－height ＋ text－align：center 2.内外宽高都知道的盒子可以用padding让上下相同，左右相同。css3中有calc()函数来算。 3.用margin来实现。水平方向上的可以直接margin－left：auto；margi ...
分类：
其他好文 时间：
2017-02-08 18:13:30
阅读次数：
197
margin法（水平居中） 需要满足三个条件: 元素定宽 元素为块级元素或行内元素设置display:block 元素的margin-left和margin-right都必须设置为auto 定位法（水平垂直居中） 首先绝对定位，设置top:50%; left:50%; 然后再利用负margin把它向 ...
分类：
Web程序 时间：
2017-02-08 12:54:12
阅读次数：
276
if($("#cont1").css("position")!="fixed"){ $("#cont1").css("position","absolute"); var dw = $(window).width(); var ow = $("#cont1").outerWidth(); var d ...
分类：
Web程序 时间：
2017-02-03 19:23:45
阅读次数：
232
没有设置width/height的时候，absolute元素自动填满容器 ...
分类：
其他好文 时间：
2017-01-26 13:16:34
阅读次数：
167
最近在项目中遇到不固定宽高的图片要水平垂直居中的情况，发现垂直居中存在兼容性问题，下面收集了一些方法，可根据需要权衡使用。 1. 背景法(兼容性好，简单，但不利于动态导入的图片) html： css： 2. 图片外面用个p标签，通过设置line-height使图片垂直居中(兼容性较好) html： ...
分类：
其他好文 时间：
2017-01-18 12:09:29
阅读次数：
175
记录收集纯CSS层面实现的水平、垂直居中方法可用于块级、行内快、内联元素以及文字图片等。 水平或垂直居中 1.1 text-align1.2 margin1.3 line-height1.4 padding 水平与垂直同时居中2.1 挡板方式实现的水平垂直居中2.2 vertical-align2. ...
分类：
Web程序 时间：
2017-01-08 16:20:45
阅读次数：
194
<style> .wrap{width:1200px;height:800px;border:1px solid #ccc;margin:50px auto;} .box{width:1200px;height:800px;display:table-cell;vertical-align: mid ...
分类：
Web程序 时间：
2017-01-05 13:05:25
阅读次数：
165
直接进入主题！ 一、脱离文档流元素的居中 方法一：margin:auto法 CSS代码： HTML代码： 效果图： 当一个元素绝对定位时，它会根据第一个不是static定位的祖先元素定位，因此这里的img根据外层div定位。 方法二：负margin法 CSS代码： HTML代码： 效果图： 这里，我 ...
分类：
Web程序 时间：
2016-12-18 18:26:11
阅读次数：
130
