1、使用CSS3的flex-box通过将父元素的display设置为flex,并将子元素的margin设置为auto即可实现,不过这种方法有些兼容问题如下:.outer { width:400px; height:400px; border:1px solid #000; d...
分类:
其他好文 时间:
2015-06-20 17:03:35
阅读次数:
108
html========== css===========#small{width: 200px;height: 200px;margin:110px auto;position: relative;}#pic{position: absolute;left: 0;top: 0;}js====...
分类:
其他好文 时间:
2015-06-20 16:56:29
阅读次数:
108
1 使用 margin 属性来水平对齐可通过将左和右外边距设置为 "auto",来对齐块元素.center{margin-left:auto;margin-right:auto;width:70%;background-color:#b0e0e6;}2 利用定位及负边距 ...
分类:
其他好文 时间:
2015-06-20 11:53:40
阅读次数:
193
1.如何让一个绝对定位的div居中:如 div{position:absolute width:300px; height:400px; } 1. left:0;right:0;height:0;top:0;//IE8下不兼容 2. margin-left: -150px;margin-top: ....
分类:
Web程序 时间:
2015-06-19 10:21:38
阅读次数:
140
css代码:1 *{ margin: 0; padding: 0; }2 ul, li{ list-style: none; }3 #ul1{ border: 1px solid red; }4 #ul1 li{ border: 1px solid green; }5 #ul1:after{ co....
分类:
其他好文 时间:
2015-06-18 22:05:08
阅读次数:
738
为什么子footer_top的margin-top属性错误呢?为什么子footer_top的margin-top属性引起父级footer margin-top属性变化呢? t b
分类:
其他好文 时间:
2015-06-18 21:53:55
阅读次数:
134
btn2 /*--按钮1--*/
.container1?{
??width:200px;
??display:block;
??margin:20px?auto;
??position:relative;
??font-family:droid?arabic?kufi;
}
.con_down1?{
??display:block;
??curso...
分类:
Web程序 时间:
2015-06-18 17:33:08
阅读次数:
156
1、IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入文档声明 2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距) 解决方法:display:inline 3、以下三种其实是同一种bug,其实也不算是个bug,举个例子:...
分类:
其他好文 时间:
2015-06-18 12:59:52
阅读次数:
128
一、原理CSS盒模型一个盒子包括:margin+border+padding+content。上下左右边框交界处出呈现平滑的斜线。利用这个特点,通过设置不同的上下左右边框宽度或者颜色可以得到小三角,小梯形等。 调整宽度大小可以调节三角形形状。示例1:一般情况下,我们设置盒子的宽高度及上下左右边框,会...
分类:
Web程序 时间:
2015-06-16 21:09:03
阅读次数:
378
在编写网页的过程中,怎么让自己的网页看起来更加的整齐,清新。让自己的文字图片放在自己心里想要放的位置。并且有时候也会涉及到做一些广告效果,让它一直存在屏幕的某个位置,不管再怎么拖动网页都不变,这些对于一个程序员来说肯定是必修的课程。今天我就分享一下我学习和运用的一些方法。首先我用到了margin(外...
分类:
其他好文 时间:
2015-06-16 20:55:00
阅读次数:
78