经过近一个月对HTML与css的学习，利用HTML以及div+css对简单的静态网页进行简单的布局有了一定的基础，但是对于网页结构布局的分析、部分属性的使用存在着问题，希望在以后的学习能有所提高，这里就最近的学习情况进行一下总结与归纳：一、行内元素与块级元素水平、垂直居中问题（一）CSS设置行内.....
分类：
其他好文 时间：
2015-11-08 20:37:40
阅读次数：
351
第一种：已知元素宽、高兼容：IE6+源码：css使元素垂直居中 demo：第二种：元素宽、高未知兼容：IE8+源码：css使元素垂直居中 我要居中demo：要兼容IE6/7，需增加一个div，这个方法比较巧妙，利用了left、top的百分比值是相对于父元素的宽度这点特性css使元素...
分类：
其他好文 时间：
2015-10-30 00:40:07
阅读次数：
238
css3实现元素水平垂直居中，代码如下：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"conte..
分类：
Web程序 时间：
2015-10-12 12:47:49
阅读次数：
201
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)ranslate：移动相对元素width，height的 x,y 坐标
分类：
其他好文 时间：
2015-09-08 15:20:03
阅读次数：
117
1.负margin法:这是比较常用的方法，在知道元素的宽高的前提下才能使用 1 2 3 #a{ 4 height:300px; 5 width:300px; 6 position:absolute; 7 top:50%; 8 left:50%; 9 margin-lef...
分类：
其他好文 时间：
2015-08-30 22:38:33
阅读次数：
190
原文链接：http://f2e.souche.com/blog/jie-du-cssbu-ju-zhi-shui-ping-chui-zhi-ju-zhong/对一个元素水平垂直居中，在我们的工作中是会经常遇到的，也是CSS布局中很重要的一部分，本文就来讲讲CSS水平垂直居中的一些方法。由于我们大搜...
分类：
Web程序 时间：
2015-07-21 14:18:24
阅读次数：
282
本文转自http://f2e.souche.com/blog/jie-du-cssbu-ju-zhi-shui-ping-chui-zhi-ju-zhong/，以及大地dudy的博客http://www.cnblogs.com/Dudy/p/4085292.html。 对一个元素水平垂直居中，在我....
分类：
Web程序 时间：
2015-07-20 06:54:55
阅读次数：
238
原文地址：http://www.ymblog.net/content_188.html首先讨论在IE8以上（也就是支持伪元素after的基础上）的2种情况当有一段不知道长度大小的文字在你面前，你需要使它垂直居中的时候，你肯定会想到：1、text-align:center;水平居中没错。2、垂直居中，...
分类：
其他好文 时间：
2015-06-01 18:39:17
阅读次数：
155
已知宽高元素水平垂直居中方案使用了position的absolute属来实现,在上篇文章的垂直居中的基础上加上水平居中代码index.html
已知宽高元素水平垂直居中
#container {...
分类：
Web程序 时间：
2015-05-31 12:29:12
阅读次数：
132
flex实现子块的完美居中方案父块使用display:flex属性,子块margin自适应即可实现代码index.html
块状元素垂直居中(已知高度)
*{margin: 0;padding: 0;}...
分类：
Web程序 时间：
2015-05-31 12:26:54
阅读次数：
157
