块级元素和行内元素是布局最基本的两种元素,常见的块级元素有div,p,form,ul,ol,li等,常见的行内元素有span,strong,em等.
块级元素和行内元素有什么区别呢?
块级元素会独占一行,默认情况下,其宽度自动填满父元素宽度,行内元素不会独占一行,相邻的行内元素会排列在
同一行里,直到一行排不下才会换行,其宽度随元素内容变化而变化.
块级元素可以设置width,he...
分类:
其他好文 时间:
2014-12-12 19:17:50
阅读次数:
249
效果如图:css:* { padding: 0; margin: 0; list-style-type: none;}body { padding: 20px 0 0 20px;} #shadow { background: #E8E8E8; position: relative; width: 2...
分类:
Web程序 时间:
2014-12-03 12:11:44
阅读次数:
139
input输入框的change事件,要在input失去焦点的时候才会触发 $(‘input[name=myInput]‘).change(function() { ... }); 在输入框内容变化的时候不会触发change,当鼠标在其他地方点一下才会触发 用下面的方法会生效...
分类:
其他好文 时间:
2014-11-29 13:21:58
阅读次数:
161
anjularjs中的双向绑定很有意思,下面模仿其源码,写了一个简单的版本,就是鲁棒性差了点。从"wozijide"中可以看到,当输入框的内容变化时,其上2排内容也在动态变化。有点小兴奋埃其中x变量用angularjs的双向绑定,y变量用的自己的(zijide)。HTML: <p>angularjs</p..
分类:
编程语言 时间:
2014-11-14 01:47:48
阅读次数:
356
看舞台剧时当需要更改舞台背景时,舞台大幕会缓缓合上,然后缓缓打开,舞台上的内容就变了。转场动画的意义就类似于舞台大幕,当layer上的内容变化时,我们希望通过一种动画的效果来切换,CoreAnimation提供了CATransition实现转场效果。- (void)viewDidLoad{ [...
分类:
移动开发 时间:
2014-10-24 14:14:01
阅读次数:
185
1,图片垂直居中:
设置包含图片的div:height=20px;line-height=20px。设置图片vertical-align:middle 即可。
2,行内块元素有3px bug,可通过设置为块元素解决。典型元素:img input
行内元素:内容撑开宽高,宽高随内容变化而变化,不可控制宽高,用于控制字体、颜色。可设置line-height
块级元素:默认撑满行,可设置。
...
分类:
Web程序 时间:
2014-10-24 00:29:50
阅读次数:
195
一直在纠结了一天多的问题:就是为什么生成的二维码会随着内容多少的变化而变化大小,但是为什么网上做出来的二维码内容变化但是大小却没有变化?刚开始的时候我就一直围绕着是不是根据缩略图来做的,但是这个方法行不通,因为弄成缩略图的话,二维码的清晰度就降低了,变得模糊!这让我十分纠结,那这是为什么呢? ...
在做项目的过程中,需要用到iframe,但是iframe的高度如果写死的话,它对应的页面高度都得固定,这样不能适应页面内容变化,不太灵活,所以写了以下的方法,根据iframe对应的页面内容来决定iframe的高度。
这个本人测试适应于ie,火狐浏览器。
frameBorder="0" marginheight="0" marginwidth="0" width="500px"
heigh...
分类:
其他好文 时间:
2014-09-26 19:43:48
阅读次数:
157
在Java Web应用中,我们经常需要配置文件来定制系统行为,这些配置文件可能包括:类路径下的文件和文件夹、非类路径下的绝对路径和相对路径的文件和文件夹,在分布式环境中,还需要通过HTTP从统一集中的Web服务器...
分类:
编程语言 时间:
2014-09-11 22:30:53
阅读次数:
297
artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口 l??自适应内容 artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内...
分类:
Web程序 时间:
2014-08-04 21:50:18
阅读次数:
506