随笔分类 -  CSS

CSS设置图片居中
摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<style>.wrapper{/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;vertical-align:middle;/*设置水平居中*/text... 阅读全文
posted @ 2010-03-22 10:38 天际翔龙 阅读(203) 评论(0) 推荐(0)
用CSS写TABLE边框
摘要：table定义:border:#cc0000 solid;border-width:1px 0 0 1px;TD定义:border:#cc0000 solid;border-width:0 1px 1px 0;显示出来就是完整的一个1像素的TABLE原来border-width可以这样用!! 阅读全文
posted @ 2010-02-04 15:30 天际翔龙 阅读(2367) 评论(0) 推荐(0)
FireFox自动撑高层解决方案
摘要：[代码] 阅读全文
posted @ 2009-10-28 21:55 天际翔龙 阅读(191) 评论(0) 推荐(0)
css外容器margin問題[IE中height:100%]
摘要：常用的二列布局,外容器Div定義class為container, 包含class分別為left 和main兩個子DIV,下邊是class為foot的Div當我們想在container和foot之間加一點間隙時,fifefox卻發起了脾氣代碼如下:[代码]以上代碼在IE6中能正常顯示,但是在firefox中container和footer之間沒有間隙,也就是說margin-bottom:20沒起作用... 阅读全文
posted @ 2008-06-18 12:23 天际翔龙 阅读(1084) 评论(0) 推荐(0)
firefox中span標記width設置
摘要：firefox,IE中默認span標記設置width值無效,顯示只根據內容長短變化 解決辦法如下: Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->span{}{ display:-moz-inline-box; /**//*firef... 阅读全文
posted @ 2008-05-28 11:26 天际翔龙 阅读(2791) 评论(4) 推荐(0)
IE6中用了float:left之后导致margin-left双倍边距的BUG解决方法
摘要：先看css代码: Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->div {}{ float:left; margin-left:10px; width:420px; height:150px; bor... 阅读全文
posted @ 2008-05-27 09:11 天际翔龙 阅读(744) 评论(0) 推荐(0)
[极度郁闷]li标签加上display:inline后空格BUG
摘要：开始时写的代码： 无标题文档 第一项 第二项 第三项 第四项 运行后不论是在IE里还是FF里都显示出右边有一段空格，但以上代码依个人经验没有任何错误，调试了二个小时还是不知道原因，查了一下google，结果是哪里搞的鬼了呢？ 第一项 第二项 第三项 第四项 ... 阅读全文
posted @ 2007-12-16 23:06 天际翔龙 阅读(1898) 评论(3) 推荐(1)