最近修改以前写的一些代码,发现点问题。
比如2个div需要动态的保持一致的高度。
css的做法是:
.代码
"overflow:hidden">
"left" style="margin-bottom:-10000px; padding-bottom:10000px;">...
分类:
Web程序 时间:
2014-10-14 17:51:34
阅读次数:
247
inline-block前端程序猿们肯定不陌生,它是display属性的一个取值。 之所以称之为inline-block。是因为它兼具行内元素(inline-element)和块级元素(block-element)的特征。块级元素(block elements),来源于CSS盒子模型。块级元素...
分类:
其他好文 时间:
2014-10-14 15:58:08
阅读次数:
205
在CSS中是有三种定位机制的:普通文档流、浮动和绝对定位。在未指定其它两种定位机制的情况下,所有框都是在普通文档流中定位的。普通文档流: 普通文档流,顾名思义,就是根据块级元素的标签在HTML里的顺序,像水流一样,从上至下。当然对于行内元素而言,还是在一行中水平排列的。 这里插入一个积累的小知识.....
分类:
其他好文 时间:
2014-10-14 15:31:14
阅读次数:
195
1. IE box与标准box的区别: 把元素看成一个盒子,margin是盒子外面的包装纸,border是盒子皮,padding是盒子和盒子里面东西的空隙,在往里面就是内容了。 而IE和w3c对于盒子宽度的定义是不一样的。IE中盒子的宽度包含 包装纸+盒子皮+内容,而w3c中的宽度之包含 内容 .....
分类:
其他好文 时间:
2014-10-13 17:07:59
阅读次数:
218
垂直居中:单行的行内元素解决方案居中元素:单行的行内元素,即inline或者inline-*类型元素,如文字、链接等解决方案:将该行内元素的height、inline-height设置为其父元素的高度HTMLhello,gbtags.comhello,gbtags.comhello,gbtags.c...
分类:
Web程序 时间:
2014-10-12 13:32:38
阅读次数:
185
水平居中:行内元素解决方案居中元素:文字、链接以及其它行内元素(inline或inline-*类型的元素,如inline-block,inline-table,inline-flex)解决方案:将inline元素包裹在一个display属性为block的父级元素中,如div、nav,设置父级元素属性...
分类:
Web程序 时间:
2014-10-12 13:05:57
阅读次数:
231
CSS盒模型图解 下面是一幅关于应用了CSS的元素是如何显示它的尺寸的图示。 在本篇文章中,所有的浏览器在计算盒模型总宽度时处理margin属性的方式都是一致的,所以我们将更多的精力放在padding和border属性上。W3C盒模型 首先看一下《 the W3C box model》,这里所写出....
分类:
Web程序 时间:
2014-10-11 23:43:17
阅读次数:
347
Photoshop软件简称PS在DIV CSS开发中用于做什么?在DIV CSS开发中PS软件是必不可少的软件,主要用于DIV+CSS开发时切出布局图片素材、获取宽度值、获取高度值、获取颜色值、获取padding值、获取margin值等。在整个CSS开发PS扮演角色在CSS DIV开发中PS软件一直...
分类:
Web程序 时间:
2014-10-11 15:05:55
阅读次数:
198
1、border-radius有bug,围不住background描述:设置了border-radius后,背景色依然会从圆角里冒出来解决方法:在设置了border-radius的容器加上background-clip:padding-box;一定要把background样式提到background...
分类:
移动开发 时间:
2014-10-10 22:30:14
阅读次数:
147
很多时候为了美观需要对齐两边,不管多少字,都自动分配距离。css样式:.yang{text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;padding-left:20px;padding-right:15px;width:60px;font-weight:bold;}调用时在需要的地方加class="yang"即可
分类:
Web程序 时间:
2014-10-10 20:29:55
阅读次数:
237