码迷,mamicode.com
首页 >  
搜索关键字:margin    ( 11204个结果
IE6的3像素bug
IE6的3像素bug3像素bug是IE6的一个著名的bug,当浮动元素与非浮动元素相邻时,这个3像素的Bug就会出现。看下面这个左列固定,右列液态的例子,css代码如下:body { margin:0;}#side { float: left; background:#99FF99; height:...
分类:其他好文   时间:2015-07-26 22:20:38    阅读次数:119
关于css布局
Box:是网页布局的对象和基本单位。box分为如下三类:-block-level块级-inline-level 行级-run-in css3中才有BFC:块级格式化上下文。BFC布局规则:1.内部的Box会在垂直方向,一个接一个的放置。2.Box垂直方向的距离有margin决定。属于同一个BFC的两...
分类:Web程序   时间:2015-07-26 17:19:17    阅读次数:90
浏览器兼容的问题及解决方法收集收集
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存...
分类:其他好文   时间:2015-07-26 17:17:59    阅读次数:116
IE6双倍margin间距解决方法
虽然现在很少有人在用ie6了,但作为前端人员,是不的不面对的问题。在ie6中,使用float后的元素,在margin—left,这是你会发现距离和你想的不一样,其他的浏览器又是正常的,增大margin—left这一现象会更明显。解决此办法的最简单的方法是,在style中添加:display:inli...
分类:其他好文   时间:2015-07-26 17:10:08    阅读次数:123
android visible invisible和gone差异
android中UI应用的开发中常常会使用view.setVisibility()来设置控件的可见性。当中该函数有3个可选值。他们有着不同的含义:View.VISIBLE--->可见View.q=INVISIBLE&ie=utf-8&src=se_lighten_f" style="margin:0...
分类:移动开发   时间:2015-07-26 17:03:39    阅读次数:136
手机端radio控件 ios效果
一、CSS代码如下: .switch { position: relative; margin: 20px auto; height: 26px; width: 120px; background: rgba(0, 0, 0, 0.25); border-radius: 3px; bo...
分类:移动开发   时间:2015-07-26 15:31:45    阅读次数:146
CSS3 calc()的使用
前言: 平时在制作页面的时候,总会碰到有的元素是100%的宽度。众所周知,如果元素宽度为100%时,其自身不带其他盒模型属性设置还好,要是有别的,那将导致盒子撑破。比如说,有一个边框,或者说有margin和padding,这些都会让你的盒子撑破。我们换句话来说,如果你的元素宽度是100%时,只要你....
分类:Web程序   时间:2015-07-26 15:28:23    阅读次数:152
常规流之行内级格式化上下文(Inline Formatting Contexts)
本节我们来讨论一下Inline formatting contexts(行内格式化上下文,以下简称IFC)和line box(行框)。一、行框 在一个行内格式化上下文中,框会一个接一个的水平放置,从包含块的顶部开始。这些框水平方向的margin、border以及padding属性是会起作用的。...
分类:其他好文   时间:2015-07-26 00:21:13    阅读次数:199
学习css布局
科技在高速的发展,技术日新月异,不断的进步促使科学技术的发展,各项技术也在不同领域发展的很快,在web前端也在不断出现新的布局方法,这里就简单介绍圣杯布局法和负边距布局法; 各种布局的技术实现,被经常使用的三种技术: 1.浮动 float 2.负边距 negative margin 3....
分类:Web程序   时间:2015-07-25 22:43:58    阅读次数:237
浏览器的一些兼容问题
1. ie6.0横向margin加倍产生因素:块属性、float、有横向margin。解决方法:display:inline;2. ie6.0下默认有行高解决方法:overflow:hidden;或font-size:0;或line-height:xx px;3. 在各个浏览器下img有空隙(原因是...
分类:其他好文   时间:2015-07-25 21:21:42    阅读次数:159
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!