一、脱离文档流元素的居中 方法一：margin:auto法 CSS代码： HTML代码： 效果图： 当一个元素绝对定位时，它会根据第一个不是static定位的祖先元素定位，因此这里的img根据外层div定位。 方法二：负margin法 CSS代码： HTML代码： 效果图： 这里，我们首先用top: ...
分类：
Web程序 时间：
2017-03-07 11:41:52
阅读次数：
237
1、基本概念 absolute：生成绝对定位的元素，相对于除position:static 定位以外的第一个有定位属性的父元素进行定位，若父元素没有定位属性则相对于浏览器窗口的左上角定位，定位的元素不再占据文档的空间。 relative：生成相对定位的元素，相对于其正常位置进行定位,定位的元素仍然占 ...
分类：
其他好文 时间：
2017-03-07 09:03:54
阅读次数：
635
在body只有一个div的时候，可以通过这样的方式让div撑满整个屏幕。 1.给div设置定位。 复习一下—— css中position有五种属性： static:默认值，没有定位 absolute:绝对定位，相对于父级元素进行定位 relative:相对定位 fixed:固定定位,相对于浏览器窗口 ...
分类：
Web程序 时间：
2017-03-06 23:59:47
阅读次数：
688
之前模仿QQ界面的时候，一直很苦恼布局的问题。虽说绝对定位相对于JFrame默 认的BorderLayout(布局管理器)，JPanel的FlowLayout(流式管理器)方便了不少。可 以通过setBounds()直接设置坐标，可要是组件一多起来。非把你累死不可。 好了，不多说，为什么说会有陷阱呢 ...
绝对定位 新闻动态 不会程序能学会CSS吗？ DIVCSS学习难吗？ 我要参加DIVCSS5的培训 jQuery所以版本集合整理 DIVCSS5栏目 ... ...
分类：
Web程序 时间：
2017-03-03 10:52:31
阅读次数：
478
实现效果如下: 实现代码如下: index.wxml: index.wxss: 里面有设置相应代码注释哟!!!一起学习..加油!!! ...
分类：
微信 时间：
2017-02-25 18:35:45
阅读次数：
249
有一些技巧. 总体思想: 三大块 pg-header 需要固定 (height:48px) pg-content menu 右侧菜单-需要固定(width:200px; top:48;left:0; bottom:0;) pg-footer 关键技术: position绝对定位 ...
分类：
其他好文 时间：
2017-02-25 18:32:14
阅读次数：
137
让一个元素垂直居中是我们开发经常遇到的问题，下述整理各种情况：
1.div垂直居中（1）绝对定位方式（2）设置外边距（3）利用transform属性
（5）flexbox居中方式
2.文字垂直居中（1...
分类：
其他好文 时间：
2017-02-25 16:05:21
阅读次数：
197
近期会更新一系列博客，对基础知识再度做个巩固和梳理。 一、position定位 （一）：position的属性 1.absolute：生成绝对定位的元素，相对于最近一级定位不是static的父元素来进行定位； 2.relative：生成相对定位的元素，相对于其所在普通的文档流位置进行定位； 3.st ...
分类：
Web程序 时间：
2017-02-24 12:17:17
阅读次数：
217
1.关于子元素设置margin-top会顶开父元素的上边距的原因： 这个问题发生的原因是根据规范，一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。 再说了白点就是：父元素的第一个子元素的上边距marg ...
分类：
Web程序 时间：
2017-02-23 21:04:34
阅读次数：
272
