码迷,mamicode.com
首页 >  
搜索关键字:margin    ( 11204个结果
一个好看的Input样式
<div class="search"> <input type="text"></div> .search{ text-align: center;}.search input{ margin: 0 auto; padding: 0 10px; width: 536px; height: 34px ...
分类:其他好文   时间:2016-10-24 09:47:03    阅读次数:1504
CSS
一、CSS选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ background-color: red; color: royalblue; } / ...
分类:Web程序   时间:2016-10-24 09:31:34    阅读次数:298
三列布局,左右宽度固定,中间宽度自适应变化---普通格式和双飞翼格式
两种做法。 做法一: 思路是:1、利用left/right两个元素实现左右浮动,浮动流不会影响middle元素的位置,但会遮盖文档流。 2、 然后在middle元素中加入margin-right和margin-left属性,使中间的元素撑开占据空间,如果只设置了margin-right或者margi ...
分类:其他好文   时间:2016-10-24 02:25:07    阅读次数:140
如何垂直居中一个浮动元素?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 // 方法一:已知元素的高宽 #div1{ width:200px; height:200px; position: absolute; //父元素需 ...
分类:其他好文   时间:2016-10-23 21:09:17    阅读次数:287
横向两列布局
网页常见布局方式一: float属性——使纵向排列的块级元素,横向排列 margin属性——设置两列之间的间距 一般两个并排的div控制距离都在10~20之间 当父包含块缩成一条时,用clear:both方法清除浮动无效,它一般使用紧邻后面的元素的清除浮动 而当整个父层mianbody来清除浮动(父 ...
分类:其他好文   时间:2016-10-23 18:06:00    阅读次数:209
uboot移植前奏
FriendlyARM Tiny4412 uboot移植—uboot移植前奏 ...
分类:其他好文   时间:2016-10-23 17:20:35    阅读次数:187
元素水平垂直居中
1.第一种情况,宽度固定,高度auto情况下 js判断,水平居中margin:0 auto;垂直居中用js判断元素相对于浏览器可视区域的高度 <style type="text/css"> *{ padding: 0; margin: 0; } #news{ width: 400px; border ...
分类:其他好文   时间:2016-10-23 17:16:03    阅读次数:171
js链式动画小例子
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>链式动画</title> <style> * { margin: 0; padding: 0; } #odiv { width: 100px; height: 100px; back ...
分类:Web程序   时间:2016-10-23 17:08:09    阅读次数:193
css hack中遇到的一些问题
之前在兼容一个网页的时候,ie8,ie9下的布局不一样。就想着针对ie8,ie9来做一个css hack。网上搜索来资料。\9与\9\0来区别ie8,ie9.我要兼容的属性时margin-top。但发现实现的效果ie8,ie9一样。我当时感到很迷惑。想难道这个方法不对。然后我就用跟这个方法去兼容颜色 ...
分类:Web程序   时间:2016-10-23 14:57:04    阅读次数:190
深入理解absolute
一、absolute和float 1.相同的特性表现: <1>包裹性 <2>破坏性 注意:有时候,其页面布局可以相互替换 float:;=position:absolute: 2.clear用来限制float;relative用来限制absolute,独立的absolute可以摆脱overflow的 ...
分类:其他好文   时间:2016-10-23 14:35:45    阅读次数:139
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!