问题描述:
<div id="b8"><a href="#"><img src=pic/28.gif>粘贴</a></div>
CSS样式和普通的一样! 但是一直图片距中,文本偏上,因为图片是16*16的,文本是12号! 如果设置边距,则图片和文本同时下移!
请问应该怎么做才能让图片和文本都垂直距中?(图片和文本都设置文本垂直距中也是没用!)
解析:
假设你的#b8的div的高度height是50px。那么再加上句line-height:50px
这是因为ie不支持垂直对齐，只能通过特殊手段hack一下。
上面的方法是将行高设置到整个div高度，适用于单行垂直居中。
还有几种其他的方法，各有各的用途。
不过都显得很麻烦。甚至有人无奈之下用js实现效果。
给图片价格class或idcss用margin-bottom:0px太高变负数。层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
拓展：
1、1990年，Tim Berners-Lee和Robert Cailliau共同发明了Web。1994年，Web真正走出实验室。从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。
2、随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。1994年哈坤·利提出了CSS的最初建议。而当时伯特·波斯(Bert Bos)正在设计一个名为Argo的浏览器，于是他们决定一起设计CSS。
可以同时给 i标签和a标签 一个垂直对齐的属性
vertical-align 属性
或者将li标签设置成弹性盒模型，设置交叉轴对齐方式就行了
