Css中图片和文本怎么才能垂直距中?

html-css08

Css中图片和文本怎么才能垂直距中?,第1张

分类: 电脑/网络 >>程序设计 >>其他编程语言

问题描述:

<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标签设置成弹性盒模型，设置交叉轴对齐方式就行了