Monthly Archives: 六月 2009

图片垂直居中

Posted on 2009年06月1日 by Bell

    未知大小的图片在已知大小的容器中垂直居中,这是网站设计中经常涉及到的效果,实现的方法很多,这里介绍一种非常简单的方法.     先来看看demo: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>iinterest-图片垂直居中</title> <style type="text/css"> *{ margin:0; padding:0;} .imgbox{ width:400px; height:400px; margin:30px; border:1px solid #ddd; text-align:center; line-height:400px;} .imgbox img{ vertical-align:middle;} *html .imgbox{ … Continue reading →

Posted in HTML & CSS1 views | Leave a comment