白舟工作室 » css

防图片太大撑破页面css

baizoo — Sat, 09 Jan 2010 09:18:43 +0000

这个在网页布局里很常见，网上看到有人用overflow:hidden来隐藏超出部分的图片，但那样图片就被截断了，不够完美。
用个简单的css max-width: 100%;可以解决这个问题，css代码如下：

img{
max-width: 100%;
height: auto;
vertical-align: middle;
}

不过max-width在IE6.0中是无效的，为了照顾到IE6.0，还是顺便把overflow:hidden加上比较好

div自适应高度

baizoo — Fri, 01 Jan 2010 07:02:43 +0000

朋友问一个div自适应高度的问题，其实我也好久没关注css了，但是朋友问起来，还是帮忙解决一下。我没怎么深入去研究，只是从pjblog的皮肤里提取了最外层的div框架就能得到这个div自适应高度的案例。贴出代码如下：
css

CSS布局

其他地方div自适应高度的问题，都可以以这段css作为参考。

记一个每段开头空两格的css

baizoo — Thu, 22 Oct 2009 06:35:05 +0000

每段开头空两格css
p{ text-indent: 2em; }