摘要：
有关于使用inline block来代替float的讨论也蛮多的，最常说的就是使用inline block来代替float进行布局，或者使用inline block来实现元素的居中效果。前面《CSS3制作的分页导航》一文中就是使用的inline block制作的居中效果，不过留下了一上问题，就是使用 阅读全文
posted @ 2018-06-06 15:37
一抹夏忧☆
阅读(194)
评论(0)
推荐(0)
摘要：
水平居中的实现方案，大家最熟悉的莫过开给元素定一个显示式的宽度，然后加上margin的左右值为auto。如： 这种方法给知道了宽度的元素设置居中是最方便不过的了，但有很多情况之下，我们是无法确定元素容器的宽度。换句话说，未有明确宽度的时候，上面的方法无法让我们实现元素水平居中。那要怎么办呢？解决办法 阅读全文
posted @ 2018-06-06 14:43
一抹夏忧☆
阅读(271)
评论(0)
推荐(0)
摘要：
1. div高度自适应的情况 div在不设置高度的时候，会被里面的内容撑开，内容自动填充在div中，无论是一行内容还是多行内容，此时不需要设置垂直居中，内容自动在中间的， 想要看的更直观些，只需要加上padding元素，内容四周便会留下空白，实现水平垂直居中的效果 2.div设置具体高度 （1）内容 阅读全文
posted @ 2018-06-06 14:28
一抹夏忧☆
阅读(400)
评论(0)
推荐(0)
摘要：
方法一：以毒攻毒！用 IE 的 bug 解决 IE 中的绝对居中，嵌套三层div 方法二：只有一行内容，使用table cell 方法三：display:flex 方法四：绝对定位和负边距 方法五：绝对定位和0 这种方法跟上面的有些类似，但是这里是通过margin:auto和top,left,rig 阅读全文
posted @ 2018-06-06 14:17
一抹夏忧☆
阅读(200)
评论(0)
推荐(0)
摘要：
第一种方法: 兼容性好;缺点:必须知道元素的宽高 第二种方法： 这是css3里的样式;缺点:兼容性不好，只支持IE9+的浏览器 第三种方法 兼容性较好，缺点:不支持IE7以下的浏览器 第四种方法 缺点:兼容性不好，使用记得加前缀 阅读全文
posted @ 2018-06-06 13:47
一抹夏忧☆
阅读(1238)
评论(0)
推荐(0)
摘要：
1.多个子元素同时设置浮动后，欲想实现水平垂直居中，实现代码如下： 2.使用flex布局（有兼容性） 3.垂直居中使用display: table cell; vertical align: middle; 水平居中：嵌套一层div,设置宽度为子元素宽度，在设置margin: 0 auto; 阅读全文
posted @ 2018-06-06 11:48
一抹夏忧☆
阅读(7143)
评论(0)
推荐(0)
摘要：
一、如果浮动元素定宽 1.可以设置margin:0 auto居中 2.先设置它的 margin left:50%，这个时候元素的左边缘正好位于其父元素的中央，然后设置其position:relative;left:负本元素宽度的一半，这样的目的是将本元素向左移动其宽度的一半，这个时候可保证本元素的中 阅读全文
posted @ 2018-06-06 10:40
一抹夏忧☆
阅读(6639)
评论(0)
推荐(0)
摘要：
css清除浮动大全共8种方法 浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。 下面总结8种清除浮 阅读全文
posted @ 2018-06-06 10:03
一抹夏忧☆
阅读(290)
评论(0)
推荐(0)
浙公网安备 33010602011771号