易截截图软件、单文件、免安装、纯绿色、仅160KB

图片居中显示的css样式代码

.box128{
    width:128px;
    height:128px;
    text-align: center;
    vertical-align:middle;
    display:table-cell !important;
    display:block;
    border:1px solid #DDD;
    white-space:nowrap;
    overflow:hidden;
}
.box128 i {
    line-height: 128px;
    width:0px;
    display:inline-block;
}
.box128 img {
    text-align: center;
    vertical-align: middle;
    display: inline;
}
html结构
<div class="box128"><i></i><img src"" /></div>
注意:图片的高和宽不能大于128,否则会撑开,对于大于的可在服务器端进行处理。


相关文档:

【转】CSS 命名

  常用的网站命名 收藏
1.CSS ID 的命名
页头:header
登录条:loginbar
标志:logo
侧栏:sidebar
广告:banner
导航:nav
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题 ......

CSS的hack解决积累

一年里遇到的css问题总结一下:
到现在发现用hack越多证明你的水平越差,目前写的代码几乎没有用到这些解决方法了。但是话说回来只有遇到问题并且解决才能最终达到预防。直到所有的都遇到了你也就是高手了!
应用最多的本人感觉就是:height:1%;overflow:hidden;//解决float等问题
 1、高度自适应问题:
完美解决 ......

最全的CSS浏览器兼容问题

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. 
CSS技巧
1.div的垂直居中问题 vertical-align:middle; ......

IE与Firefox的CSS兼容大全

还算不错的文章,虽然条理性不是非常清楚,也转贴收了吧,方便查资料。
    CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。
  常见兼容问题:
  1.DOCTYPE 影响 CSS
处理
  2.FF: div 设置 margin-left, margin-right 为 auto 时已经 ......

CSS浏览器兼容问题整理

从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号