CSS让同一行(DIV)的图片和文字垂直居中对齐
有些朋友会发现，如果一行(或一个DIV)内容中有图片有文字的话，文字往往会自动的底部对齐，影响美观，那如何让它们相对于垂直居中呢，很简单，就是在图片和文字所在的行中添加CSS属性：vertical-align:这样，它们在同一行就会垂直居中对齐了。
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""&&html xmlns=""&&head&&&title&让同一行内的图片和文字垂直居中对齐&/title&&&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&&&style&&body{&& font-size:9&}&#buttons *{&vertical-align:&}/*如果上边的不兼容火狐等，可以把下面这句也加上！#buttons *{&vertical-align:&}*/&&/style&&/head&&body&
&div id="buttons"&&&& &img src="/jscss/demoimg/200902/reg.gif"&&&& &img src="/jscss/demoimg/200902/login.gif"&&&& &a href="#"&找回密码&/a&&/div&&br&上边的图片、文字是不是都垂直对齐了呢？&/body&&/html&
本文Tags：
与《》相关的文章有：
请自觉遵守互联网相关政策法规――IT堂()
　-　　-　　 - 　　 - 　　 - 　CSS实现垂直居中的5种方法前端观察 | CSS | 前端观察本类阅读排行
本类推荐阅读
本类好评文章如何让DIV垂直居中
[问题点数：20分，结帖人letian003]
如何让DIV垂直居中
[问题点数：20分，结帖人letian003]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
本帖子已过去太久远了，不再提供回复功能。怎样让图片在DIV中垂直居中
怎样让图片在DIV中垂直居中
不区分大小写匿名
例子：&div class="ac" style="width:1000height:500position: z-index:9;"&&img width="200px" height="200px" style="position: top:150 left:400 z-index:9" /&&/div&
这里的top和left需要数学天赋了，一般top=外div总高height/2+需要垂直居中内容总高height/2；left同理。
&style type="text/css"&&!--body{ text-align: margin:0 background: url( ) no-}.waicheng {color: #0066CC; margin:5 width:700 height:200 line-height:120 border:1px solid #000000; }.waicheng img {vertical-align:}--&&/style&&div class=&waicheng&&css中的居中，布局外层有一个边为1px &img src=&
alt=&图片内容居中& /&&/div&
距中了
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& & &html xmlns=& &head&&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&&title&CSS布局技巧：未知高度div 垂直居中的问题&/title&&style type="text/css"&html,body{height:100%;padding:0;margin:0;}.mid{min-height:200text-align:width:100%;height:100%;}.FirstDIV{margin-top: -100/* SecondDIV高度的一半 */width:100%;height: 50%;}.SecondDIV{border:silver 1background:#margin:0overflow:width:700height:200line-height:200text-align:}&/style&&/head&&body&&div class="mid"&&&div class="FirstDIV"&&/div&&&div class="SecondDIV"&&img src=&
alt=&图片内容居中& /& &/div&&/div&&/body&&/html&
等待您来回答
网页制作领域专家}