1、定位 核心代码实现请看示例代码中的注释： 效果： 2、table-cell布局 核心代码实现请看示例代码中的注释： 效果同上。 3、flex布局 核心代码实现请看示例代码中的注释： 效果同上，注意浏览器兼容性问题。 4、translate+relative定位 核心代码实现请看示例代码中的注释： ...
分类：
Web程序 时间：
2017-07-24 11:24:20
阅读次数：
247
http://www.51xuediannao.com/html+css/htmlcssjq/css_img_center.html css图片居中分css图片水平居中和垂直居中两种情况，有时候还需要图片同时水平垂直居中，下面分几种居中情况分别介绍 css图片居中分css图片水平居中和垂直居中两种情 ...
分类：
Web程序 时间：
2017-07-24 00:22:25
阅读次数：
303
如果一个元素具有固定或相对大小，要使其不管如何调整窗口大小或滚动页面，始终位于浏览器窗口中间，可使用如下方法： <!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" ...
分类：
其他好文 时间：
2017-07-22 21:07:36
阅读次数：
207
一、图像缩放 二、图像平移 三、图像旋转 四、转置和镜像 flipCode = 0, 垂直翻转(沿X轴翻转)，效果如下： flipCode > 0, 水平翻转(沿Y轴翻转)，效果如下： flipCode < 0, 水平垂直翻转(180°中心对称)，效果如下： 五、重映射remap ...
分类：
其他好文 时间：
2017-07-21 20:49:01
阅读次数：
223
2.使用position属性使元素水平垂直居中 3.使用弹性盒模型方法 ...
分类：
其他好文 时间：
2017-07-13 01:01:55
阅读次数：
242
今天是正式上课的第一天。这边先记下初学的时候容易忘记的问题。在图片上链接汉子显示是<title="想在图片显示的内容">。 合并单元格，合并行<td colspan=''合并的行数">单元格名称</td> 合并列<td rowspan=''合并的列数">单元格名称</td> 还有单元格里面需要记住的 ...
分类：
Web程序 时间：
2017-07-11 23:29:57
阅读次数：
386
下面是一些比较常用的居中方法。 水平居中 1.行内元素：自身 text-align:center。 2.行内块元素：父亲 text-align:center。 3.块级元素：自身 margin:0 auto。 垂直居中 1.单行文本：line-height 和父亲的 height 一致。 2.多行文 ...
分类：
其他好文 时间：
2017-07-06 10:16:40
阅读次数：
127
盒子阴影box-shadow box-shadow：0 0 1px #000 inset; 水平 垂直 模糊 颜色 ； [1] inset代表框内阴影,不加inset代表框外阴影 [2]第1个值为0时，代表左右边框阴影为1px范围 第1个值为正整数 代表左边框阴影 第1个值为负整数 代表右边框阴影 ...
分类：
Web程序 时间：
2017-06-25 23:13:51
阅读次数：
326
3.背景图片: background-image:url(4.jpg); background-position:1200px 50px;(代表左右，上下) background-size:cover(图片被压缩等比例显示) background-size:contain(图片被水平垂直压缩全显示) ...
分类：
Web程序 时间：
2017-06-25 12:40:53
阅读次数：
131
（1）：text-align + line-height实现单行文本水平垂直居中 （4）：margin-left或margin-right <style> ...
分类：
其他好文 时间：
2017-06-24 19:51:43
阅读次数：
155
