WEB标准中元素水平居中方案总结

先来看我一个简单XHTML/HTML文件代码(部分),我们的目的是让#container水平居中。 body div id=container h1content/h1 pLorem ipsum dolor sit amet, consectetuer adipiscing elit.Phasellus varius eleifend./p /div /body使用自适应边界(auto margin...

发布于 2009-06-12 阅读(149)

CSS Div的居中实现CSS布局方法

关于CSS控制DIV水平居中问题,我看到很多新人搞不明月。记得第一次看CSS是一个老外写的书,那个里面谈到居中使用。 margin-left:auto; margin-right:auto; 其实等同于: margin:0 auto; 于是可以使用这种方式,但是有人用IE时发现没有居中。这里建议你看看是...

发布于 2009-06-12 阅读(128)

css教程:DIV垂直居中的办法

经过今天一翻改进,终于找出了解决DIV垂直居中的办法。 以下为引用的内容: !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 head meta ht...

发布于 2009-05-17 阅读(125)

CSS解决未知高度垂直居中

尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下)。 标准浏览器如Mozilla, Opera, Safari等.,可将父级元素显示方式设定为TABLE(display: table;) ,内部子元素定为table-cell (...

发布于 2008-07-10 阅读(129)

CSS+DIV设计实例:多个DIV排列时居中

以下为引用的内容: ?xml version=1.0 encoding=iso-8859-1? !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 head titleUntitled Documen...

发布于 2008-05-11 阅读(664)