单行居中：height line height 上下垂直居中text align:center 块级元素内容左右居中多行居中：父元素设置 display:table. 且宽度固定子元素设置 display:table cell. vertical align:middle 定位居中一：父元素设置position:relative 子元素设置position:absolute 全部设置：top: ...
2019-07-12 09:29 0 1351 推荐指数：
1、在网页设计中我们经常遇到宽度自适应，但有时候可能一种高度自适应的问题。这个时候我们的position之absolute就可以帮你了。 2、position之absolute是脱离文档流。当width、height设置某值后，该元素的值就是该值。那width、height没有设置 ...
一般我们设置position: absolute都会一起设置left/right/top/bottom, 但是如果不设置, 布局会是什么样子的呢? 直接上图 1.一个大盒子中4个小盒子, 正常文档流布局(红色盒子等下设置position:absolute) 2. 将3号盒子设置 ...
一、position：fixed 锁定位置（相对于浏览器的位置），例如有些网站的右下角的弹出窗口。 示例： 二、position：absolute 1.外层没有position：absolute（或relative）；那么div相对于浏览器定位，如下图中b（距离浏览器右边 ...
被拖拽元素的样式如果为：position:fixed;left:0;right:0;（当时是为了让fixed定位的元素水平居中加的left:0;right:0;避免js动态计算定位的麻烦）时左右拖动会出现拖动元素落后鼠标移动距离的问题，去掉right:0就可以了，而且如果只是去掉left:0还不 ...
1.substr(字符串，开始索引，截取长度)select SUBSTR('太阳当空照，花儿对我笑',1,4)太阳当空 substr(字符串，留下的字符串索引的开始)select SUBSTR('太 ...
1.块级元素水平和垂直居中的方法。 水平居中（margin:0 auto;） 水平居中（text-align：center;） 这个属性在没有浮动的情况下，我们可以将其转换为inline/i ...
INNER JOIN 关键字在表中存在至少一个匹配时返回行。 LEFT JOIN 关键字从左表（table1）返回所有的行，即使右表（table2）中没有匹配。如果右表中没有匹配，则结果为 NULL。 RIGHT JOIN 关键字从右表（table2）返回所有的行，即使左表 ...
雪碧图（Sprites） 雪碧图也叫CSS精灵， 是一种CSS图像合成技术，就是将许多小图标合并在一张背景透明的图片上，使用background-position和background-size来控制图片显示的区域。 为什么要使用雪碧图 ...
