常用css解决方案

1.如何让一个绝对定位的div居中：如 div{position:absolute width:300px; height:400px; }

left:0;right:0;height:0;top:0;//IE8下不兼容

margin-left: -150px;margin-top: 200px;top:50%;height: 50%;//兼容各浏览器

时间： 2024-10-26 07:52:34

常用css解决方案的相关文章

常用css属性

一.常用css属性 (1) *block(区块) 行高 line-height:数值 | inherit | normal;字间距 letter-spacing: 数值 | inherit | normal;词间距 word-spacing: 数值 | inherit | normal;空格 white-space: pre(保留) | nowrap(不换行) | normal; /*表格宽度自适应*/ th { white-space: nowrap; } 显示 display: none;

顶企业站常用css横向导航菜单

<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml</a>" lang="zh-CN"><head><m

常用css

类型 Internet Explorer Firefox Chrome Opera Safari 版本 (×)IE6 (×)Firefox 2.0 (√)Chrome 1.0.x (×)Opera 9.64 (√)Safari 3.1 (×)IE7 (√)Firefox 3.0 (√)Chrome 2.0.x (×)IE8 (√)Firefox 3.5 border-radius:25px;-moz-border-radius:25px; /* 老的 Fi

兼容各种浏览器的图片垂直居中CSS解决方案

1.通过添加一无语义图片来解决图片垂直居中CSS,兼容各种IE6,IE7,火狐,谷歌等浏览器. <style> .itm{border:2px solid #ccc;width:160px;height:160px;text-align:center;} .blank{width:0;height:160px;} .itm img{vertical-align:middle;} </style> <div class="itm"> <img s

常用css表达式-最小宽度-上下居中

/* IE6下最小宽度的CSS表达式 */ width:100%; min-width:1024px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1024?"1024px":""); 模块垂直居中,兼容IE6,注意,模块的所有父辈标签不能有定位属性,不能有overflow:hidden; .duilian_right{width:90p

!!!常用CSS代码

.box{overflow:auto;zoom:1;} .box-in{display:inline-block;vertical-align:top;} .border-box{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}/*ie8+*/ body,div,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;} (待补充) 清除浮动 <style

常用css字体英文写法

font-family: 'Microsoft Yahei',sans-serif; 宋体:SimSun 黑体:SimHei 常用css字体英文写法

!!!常用CSS代码块

图片排满一行.左右两端无间隙. <style type="text/css"> .img_abc{float:left;width:30%;margin-left:5%;} .img_abc:first-child{margin-left:0} .body92{margin-left:4%;margin-right:4%;} </style> <div class="body92"> <img src="14085

discuz内置常用CSS代码分析

CSS多IE下兼容HACK写法所有 IE浏览器适用:.ie_all .foo { ... } IE6 专用:.ie6 .foo { ... } IE7 专用:.ie7 .foo { ... } IE8 专用:.ie8 .foo { ... } CSS书写规范属性写在一行内,属性之间.属性名和值之间以及属性与“{}”之间须有空格,例如:.class { width: 400px; height: 300px; } 属性的书写顺序: 针对特殊浏览器的属性,应写在标准属性之前,例如:-webkit