从假医药广告,到私服,到有啊,看看百度的信用危机
作者:hanyks 日期:2008-12-27
marquee代码的样式
作者:hanyks 日期:2008-12-18
少儿不宜的笑话集锦
作者:hanyks 日期:2008-12-12
兼容IE和FIREFOX的FLASH背景透明
作者:hanyks 日期:2008-12-10
去页面中的连接虚线
作者:hanyks 日期:2008-12-05
CSS应用[DIV文字(水平、垂直)居中问题]
作者:hanyks 日期:2008-12-05
今天在DIV制作页面的过程中,碰到文字无法垂直居中的问题,明明vertical-align已经设置为center但是显示的时候,文字依然顶端对齐。
那么如何解决呢?事实上是因为遗漏了line-height属性,没有设置行高,所以导致了文字无法垂直居中。以下为具体代码 :
<div style="text-align:center; vertical-align:middle; line-height:24px">文字居中</div>
文中的text-align属性为文字水平设置,属性有center[居中]、inherit[继承父对象的属性]、justify[两端对齐]、left[左对齐]、right[右对齐]
文中的vertical-align属性为文字垂直设置,属性有baseline[基线]、bottom[]、inherit[继承父对象的属性]、middle[中线对齐]、sub[下标]、super[上标]、text-bottom[文本地对齐]、text-top[文本顶对齐]、 top[顶部],另外还可以设置百分比,如vertical-align:10%;
那么如何解决呢?事实上是因为遗漏了line-height属性,没有设置行高,所以导致了文字无法垂直居中。以下为具体代码 :
<div style="text-align:center; vertical-align:middle; line-height:24px">文字居中</div>
文中的text-align属性为文字水平设置,属性有center[居中]、inherit[继承父对象的属性]、justify[两端对齐]、left[左对齐]、right[右对齐]
文中的vertical-align属性为文字垂直设置,属性有baseline[基线]、bottom[]、inherit[继承父对象的属性]、middle[中线对齐]、sub[下标]、super[上标]、text-bottom[文本地对齐]、text-top[文本顶对齐]、 top[顶部],另外还可以设置百分比,如vertical-align:10%;
- 1







