button组同意多个button被堆叠在同一行上。当你想要把button对齐在一起时,这就显得很实用。 基本button组 给div加上class .btn-group <!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>de ...
分类:
其他好文 时间:
2017-06-19 19:47:20
阅读次数:
221
移动布局经常会使用绝对定位(absolute)和固定定位(fixed)来布局一个层。然后这个层上面会有一些信息,当这个层上面为input时,移动端输入信息则会弹出虚拟键盘,从而会影响我们的布局,给我们带来困扰。经常碰到却很少整理,再次碰到又是一头雾水,趁着这次有空,我把我测试成功的方法记录下来。具体 ...
分类:
移动开发 时间:
2017-06-19 18:45:10
阅读次数:
198
相关链接:http://blog.csdn.net/libertea/article/details/11662661今天在这里看到了关于一个定位的博客,感觉讲的挺好的,在这里分享一下链接。
分类:
Web程序 时间:
2017-06-18 22:00:28
阅读次数:
140
优点:①决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用,IE-7不支持BFC ②与普通容器相比,BFC元素可以看做是隔离了独立容器,内部的元素不会在布局上影响外面元素。 满足任意下面条件元素可以形成BFC: ①浮动元素:float除none外的值; ②绝对定位元素:position: ...
分类:
其他好文 时间:
2017-06-18 18:53:43
阅读次数:
102
最近项目中遇到了自定义下拉框的默认样式在谷歌,火狐,IE上显示不同的问题。 左侧图片就是重写的样式,下拉框的右侧三角是选用的bootstrap里面的图片,通过绝对定位放过去的。 css: html: ...
分类:
其他好文 时间:
2017-06-17 22:39:41
阅读次数:
1777
fixed:固定定位 absolute:绝对定位 差别非常easy: 1、没有滚动栏的情况下没有差异 2、在有滚动栏的情况下。fixed定位不会随滚动栏移动而移动。而absolute则会随滚动栏移动 能够这么理解。fixed:固定在当前window不动, absolute:会随參照对象元素的高度和宽 ...
分类:
Web程序 时间:
2017-06-17 20:42:22
阅读次数:
158
方法1:水平:margin:0 auto; 垂直:使用定位属性,小的div在大的div中分别绝对定位为:left:50%;top:50%,然后再添加margin-left\top属性,值为负的小div的宽高的一半 方法2:table cell: ...
分类:
其他好文 时间:
2017-06-15 14:06:34
阅读次数:
145
第一种: 但,这种方法有一个很明显的不足,就是需要提前知道元素的尺寸。否则margin负值的调整无法精确。此时,往往要借助JS获得。 第二种: CSS3的兴起,使得有了更好的解决方法,就是使用transform代替margin. transform中translate偏移的百分比值是相对于自身大小的 ...
分类:
其他好文 时间:
2017-06-14 16:25:32
阅读次数:
167
水平居中:行内元素、块级元素、浮动、绝对定位 行内:父元素设置 水平居中: text-align:center 垂直居中:line-height:height值 块级: 水平居中:margin: 0 auto 垂直居中: 确定高:除父元素line-height外,当前元素: vertical-ali ...
分类:
其他好文 时间:
2017-06-14 11:30:53
阅读次数:
148
1.透明度:opacity 2.确立元素的层次关系:z-index 3.clip:auto剪裁内容,适用于图片,方向是上右下左,必须加绝对定位才可见 4.overflow:hidden隐藏超出的部分 scorll滚动条 auto自动 5.播放视频(默认三种格式:MP4 webm ogg) <vide ...
分类:
Web程序 时间:
2017-06-12 14:59:33
阅读次数:
154