码迷,mamicode.com
首页 >  
搜索关键字:margin    ( 11204个结果
手机QQ内置浏览器position:fixed 属性支持不好的解决方案
在三星android 手机QQ内部打开连接时,有的手机QQ版本低时,会对position:fixed 支持不好。 表现在position:fixed 后 再用margin:0 atuo; 居中时,页面不居中; 可以这样解决:在外层再套一个div层。将position:fixed 属性放在外层然后定宽; 里面的层width:100%,margin:0 auto; 就可以完美支持低版本手机QQ...
分类:移动开发   时间:2015-02-06 13:21:34    阅读次数:196
[jQuery编程挑战]002:实现一个转盘大抽奖
body { background-color: #F2F2F2; text-align: center;}.container { position: relative; width: 500px; height: 500px; margin: 0 auto;}...
分类:Web程序   时间:2015-02-06 00:42:27    阅读次数:188
HTML: margin詳解
margin:10px; 設置塊元素的上,右,下,左方向的值同爲10pxmargin:10px 30px; 設置塊元素的上和下爲10px,左和右爲30px;margin:10px 20px 30px; 設置塊元素的上爲10px...
分类:Web程序   时间:2015-02-05 23:16:56    阅读次数:195
html里增加或删除内容,浏览器中没有反应
红色框框部分的内容不显示 删除了或者增加内容,浏览器没有反应。 这里的高度应该是 height:365px;后来设置 3650px 显示出来了。设置margin-top也是无效的html部分 淘宝 ...
分类:Web程序   时间:2015-02-05 20:00:21    阅读次数:231
div嵌套引起的margin-top不起作用
嵌套div中margin-top转移问题的解决办法在这两个浏览器中,有两个嵌套关系的div,如果外层div的父元素padding值为0,那么内层div的margin-top或者margin-bottom的值会“转移”给外层div。无标题文档上部层 子层原因:盒子没有获得haslayout造成 mar...
分类:其他好文   时间:2015-02-05 19:58:34    阅读次数:97
幻灯片无缝滑动(无需重新设置下标)
代码的效果可以直接看文章底部的演示地址,之前的滑动幻灯片我写的有一个小小的bug就是当到了最后一个节点,又需要重新回到第一个节点。从最后回到第一个节点。这个过程浪费了时间。并且不友好。现在我每执行一次,就把写个回调函数,DOM操作把第一个放在最后一个,这样就变成无缝幻灯片了。 *{ margin:...
分类:其他好文   时间:2015-02-05 16:33:39    阅读次数:93
bootstrap中图标样式caret实现各种三角形
网页中经常有一种三角形的图标,鼠标点一下会弹出一个下拉菜单之类的之前以为是个png图标背景,后来在bootstrap中看到有一个图标样式叫做caret的用来实现这种效果。没想到用CSS也能实现这个效果。看了下源码是这样的:.caret{ display:inline-block; width:0; height:0; margin..
分类:其他好文   时间:2015-02-05 11:32:46    阅读次数:3277
FE: CSS固定图片显示大小及GitHub Pages在线演示
CSS固定图片显示大小分析假设图片区域的大小固定为250×300px,那么我们可以写出如下的样式.picture-area { width: 250px; height: 300px; margin: 1em;}当然简单如下的html是不能限制图片大小的 换个思路,将图片作为...
分类:Web程序   时间:2015-02-04 21:33:55    阅读次数:144
ie6兼容min-width解决
//若min-width:1000px;*html.ie6_out{margin-left:1000px;zoom:1;}*html.ie6_in{position:relative;float:left;margin-left:-1000px;}<body><!--[iflteIE6]><divclass="ie6_out"><divclass="ie6_in"><![endif]-->body内容<!--[iflteIE6]>&..
分类:其他好文   时间:2015-02-04 18:56:26    阅读次数:88
html5(三)
body{ text-align:center;}#mainbox{ display:block; width:500px; margin:50px auto; padding:15px; text-align:center; border...
分类:Web程序   时间:2015-02-04 18:05:41    阅读次数:267
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!