div vertical-align不起作用解决办法
发布时间:2010-03-25 13:50:40 作者:佚名 我要评论
div vertical-align不起作用解决办法,其实主要是文档声明。
要加上line-height,并且加上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
CSS代码:
#div-a{
height:60px;
line-height:60px;
}
XHTML代码:
<div id="div-a">
脚本之家
</div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
CSS代码:
复制代码
代码如下:#div-a{
height:60px;
line-height:60px;
}
XHTML代码:
复制代码
代码如下:<div id="div-a">
脚本之家
</div>
相关文章
css中图片于文本的基线对齐与vertical-align属性设置
默认的情况是图片顶对齐而文字底对齐,通过设置css属性可以使得图片与文字对齐,接下来为大家详细介绍下设置各对象的vertical-align属性,感兴趣的朋友可以参考下哈2013-04-02css 垂直对齐 css中vertical-align属性(垂直对齐)的使用说明
这两天写个页面css的时候用到了vertical-align属性,使用过程中踩到了坑,因此整理了一些,以备不时之需,感兴趣的朋友可以了解下哦2013-01-09css vertical-align属性的一些理解与认识(二) text-top篇
vertical-align是个相当复杂与精深的属性,所理解的一些内容多少会有不准确之处,本集内容主要讲讲我对在一般情况下vertical-align其作用的理解,以及vertical-align相关的2013-01-07css vertical-align属性的一些理解与认识(一)
就说说我对vertical-align属性的一些理解吧,纯属个人见解,若有不准确之处还望见谅,若有不准确之处还望见谅。还有,vertical-align属性牵扯到的知识实在是太多了,不是一2013-01-07line-height 和 vertical-align 行高与行对齐精解 (图文)
行高指的是文本行的基线间的距离,但是文本之间的空白距离不仅仅是行高决定的, 同时也受字号的影响。2010-08-27- 最近的项目涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现,单(复)选框和它们后面的提示文字在不进行任何设置的情况下,是无法2009-07-29
- 网页制作Webjx文章简介:最近几天仔细研究了一下vertical-align这个属性,结果让我大吃一惊,这个很“资深”的CSS标准竟然在各个浏览器里面的表现都各不相同。2009-04-02
- 网页制作Webjx文章简介:CSS实例:vertical-align属性让网页层居中. vertical-align属性使网页层居中 网页源代码如下: <html> <head> &2009-04-02
- vertical-align属性详细分析 最近几天仔细研究了一下vertical-align这个属性,结果让我大吃一惊,这个很“资深”的CSS标准竟然在各个浏览器里面的表现都各不相同2009-02-10
IE6下 vertical-align:middle 和 height 引发的边框消失
css样式: <style type="text/css"> ul{ list-style:none;} li,div{border:1px solid #ff0000; vertical-align:middle; height:50px;} </style> ht2009-02-05
最新评论