水平居中的方法：1、margin:auto;2、text-align:center;3、posotion:50% + margin-left:-width/2;4、占位;5、JS动态控制;6、css弹性盒模型。垂直居中的方法：1、line-height(单行);2、padding-top;3、ver...
分类：
Web程序 时间：
2014-09-11 20:53:52
阅读次数：
191
水平居中：内联元素：text-align:center;相对于父级居中显示块级元素：margin:0 auto;但是需要同时width，否则无法看到效果多个块级元素居中：在此想要探讨一下display:inline-block;和display:flex;方法1：在父级上设置text-align:c...
分类：
Web程序 时间：
2014-09-09 10:52:48
阅读次数：
260
CSS如何使DIV层水平居中今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性,网上很多的方法都是介绍用上级的text-align:center然后嵌套一层DIV来解决问题.可是事实上这样的方法科学吗?经过网络搜索和亲自实验得出以下结论:正确的也是对页面构造没有影响的设置如下:对..
分类：
其他好文 时间：
2014-09-04 19:28:40
阅读次数：
230
1.display：inline-block这个熟悉比较常用，但是IE浏览器的兼容就不好，IE浏览的兼容办法：*display：inline; zoom:1;2.margin:0 auto;水平居中，单在IE中无效，兼容方法：需要在居中的层的父类中加上*text-align:center;3.IE兼...
分类：
其他好文 时间：
2014-09-04 19:00:59
阅读次数：
205
/*公用css*/html,body{ margin:0; padding:0; text-align:center; font-size:12px; color:#45484b;}input,button,select,textarea{ outline:none;}textarea{resize...
分类：
Web程序 时间：
2014-09-04 14:37:29
阅读次数：
218
div piao置于div bg之上 教学动态 css.piao {position:absolute;left:15px;top:-12px;width:86px;height:31px;text-align:center;line-height:24...
分类：
其他好文 时间：
2014-08-27 16:04:28
阅读次数：
214
未定义：1. display:block; （在行内元素加上display:block; 或者把目标元素放入等块级元素，然后把text-indent样式应用到等块级元素。）2. overflow:hidden;3. text-align:left;4. width5. height6. line-h...
分类：
其他好文 时间：
2014-08-26 17:07:36
阅读次数：
186
此文长期更新,具体根据我博客的样式判定.架构: BlackLowKey页面CSS:div.prob{ box-shadow:0 0 4px #ccf; padding: 2px; text-align:left; border-radius:6px;}div.prob h2{ font-s...
分类：
其他好文 时间：
2014-08-24 20:45:12
阅读次数：
231
参考代码：要想让图片左右对齐，我们可以在div里写入”style:text-align:center;”,左右居中问题好解决，现在看一下，IE6,IE7和firefox里，图片都已经是左右居中了，技术的难点是如何让图片在三个浏览器垂直居中。大部分人可能会考虑使用vertical-align:midd...
分类：
Web程序 时间：
2014-08-21 13:10:54
阅读次数：
201
text-align:设置在容器中，设置的是容器中元素的水平位置，对于容器内的块元素是不起作用的，块级元素可以使用自适应。vertical-align:设置在具体元素中，如，但是表现不是在整个容器的垂直中间，而是在行元素所在行的中间。 如果想要通过使用vertical-align使行元素在容器垂直....
分类：
其他好文 时间：
2014-08-18 15:58:02
阅读次数：
156
