七彩课堂[网页设计ASP.NET教程系列]
DIV中文字和图片垂直居中CSS代码
  我们只需要在CSS样式,加入CSS代码如下:
.ws img{ vertical-align:middle;}
加入以上对图片设置上下居中CSS样式即可让在同排文字和图片垂直居中。
要想此DIV中内容垂直居中同样我们设置vertical-align:middle即可,CSS代码如下:
这里值得说明的是高度和line-height一定要大于图片高度,否则也会出现“CSS HACK”在不同浏览器中不兼容情况。
img { padding:0; border:0;}
div { text-indent : 25px; }
hr {border-top:1px dashed #00F ; }
.ws img{vertical-align:middle;}
 
信息推荐
资讯中心 | 电子商务 | 搜索营销 | 设计学院 | 中医养生 | 养生保健 | 节日祝福 | 民俗文化 | 奇闻趣事
建站知识 | 人世百态 | 网站导航 | 传统节日 | 搜索热点 | 星座运势 | 趣闻轶事 | 祝福的话 | 短信大全
© 2023 QicaiSpace.Com