码迷,mamicode.com
首页 >  
搜索关键字:border margin padding    ( 25234个结果
解决easyui和bootstrap兼容问题
在使用bootstrap和easyui的时候,发现很多有冲突的地方,包括datagrid控件和combo等,以下进行的问题修正,保证easyui正常显示/*bootstrap兼容问题和easyui的bug*/.panel-header, .panel-body {border-width: 0px;...
分类:其他好文   时间:2014-06-29 00:56:54    阅读次数:321
IE与FF脚本兼容性问题
CSS:(1) 让页面元素居中ff{margin-left:0px;margin-right:0px;width:***}ie上面的设置+text-align:center(2) ff:不支持滤镜ie:支持滤镜(3) ff:支持!importantie支持*,ie6支持_(4) min-width,...
分类:其他好文   时间:2014-06-29 00:15:51    阅读次数:258
自动居中一列布局
三个技能点: 标准文档流 块级元素 margin 属性一般我们的网页元素会设为头 内容 底部三部分,然后要将三个内容同时居中,我们一般是要在三个标签外层继续加一个wrap包裹标签: ... ... ...需要设置wrap的margin属性#wrap{ margin:0 a...
分类:其他好文   时间:2014-06-21 06:43:20    阅读次数:284
CSS布局中应用BFC的例子
BFC是啥?BFC(Block Formatting Context),“块状格式化上下文”。简单地说,它提供一个独立的布局环境。在同一个BFC中,盒子会一个挨一个地排列,margin边距还会在垂直方向上叠加。float和clear:float也只会在同一个BFC内有效。产生BFC的情况有?W3C标...
分类:Web程序   时间:2014-06-21 00:44:30    阅读次数:345
盒子模型
理解CSS盒子模型什么是CSS的盒子模式呢?为什么叫它是盒子?先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。 这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所...
分类:其他好文   时间:2014-06-20 17:21:44    阅读次数:330
3.4 外边距(margin)
margin指的是元素与元素之间的距离,观察上节的图1,可以看到边框在默认情况下会定位于浏览器窗口的左上角,但是并投有紧贴着浏览器窗口的边框。这是因为body本身也是一个盒子,在默认情况下.body会有一个若干像素的margin,具体数值各个浏览器不尽相同。因此在body中的其他盒子,就不会紧贴着浏...
分类:其他好文   时间:2014-06-20 15:40:43    阅读次数:332
3.2 边框(border)
border一般用于分隔不同元素,border的外围即为元素的最外围,因此计算元素实际的宽和高时,就要将border纳入。换句话说,border会占据空问,所以在计算精细的版面时,一定要把border的影响考虑进去,如图1所示,蓝色的虚线框即为border。图1 borderborder的属性主要有...
分类:其他好文   时间:2014-06-20 15:36:13    阅读次数:284
Table表格横竖线实现Css
.tablel{border-collapse:collapse; /* 关键属性:合并表格内外边框(其实表格边框有2px,外面1px,里面还有1px哦) */border:solid #999; /* 设置边框属性;样式(solid=实线)、颜色(#999=灰) */border-width:1p...
分类:Web程序   时间:2014-06-20 14:56:37    阅读次数:426
3.6 盒子在标准流中的定位原则
如果要精确地控制盒子的位置,就必须对margin有更深入的了解。padding只存在于一个盒子内部。所以通常它不会涉及与其他盒子之间的关系和相互影响的问题。margin则用于调整不同的盒子之间的位置关系,因此必须要对margin在不同情况下的性质有非常深入的了解。一、实验1——行内元素之间的水平ma...
分类:其他好文   时间:2014-06-20 14:18:08    阅读次数:225
extjs4 textfield width
extjs4.2控制form表单中field等组件的宽度。首先,确保form的layout是‘anchor’的。然后,在代码中配置anchor属性,如下图:initComponent:function(){ this.items=[{ xtype:‘textfield‘, padding:‘10005‘, anchor:‘30%‘, fieldLabel:‘申请书编号‘, name:‘appNum‘ },{ xtype:‘..
分类:Web程序   时间:2014-06-17 17:36:45    阅读次数:293
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!