首页 »Javascript教程 » div垂直居中:经常用的图片在容器中的水平垂直居中例子 »正文div垂直居中:经常用的图片在容器中的水平垂直居中例子来源: 发布时间:星期六, 2008年12月27日 浏览:86次 评论:0
这是
![]() ![]() ![]() ![]() ![]() ![]() ![]() 这个水平和垂直居中 ![]() ![]() ![]() ![]() IE使用inline-blocks ![]() ![]() CSS代码: 以下是引用片段: /* for non-IE browsers */ div.holder {width:750px; height:300px; background:#f8f8f8; border:1px solid #777; text-align:center; display:table-cell; vertical-align:middle;} } <!--[ ![]() <style type="text/css"> /* vertical align for IE */ #edge {width:0; height:100%; display:inline-block; vertical-align:middle;} #container {text-align:center; width:100%; display:inline-block; vertical-align:middle;} </style> <![end ![]() xhtml代码: <div ![]() <span id="edge"></span> <span id="container"><img src="graphics/homework.jpg" alt="" /></span> </div> 作者 ![]() ![]() ![]() ![]() ![]() ![]() ![]() form:http://www.cssplay.co.uk/menu/centered.html 0
相关文章读者评论发表评论 |
|