99265.COM BETA | 新设计 新视觉 回首页 | 登录

今天是:
您现在的位置: 新视觉 >> 教程 >> 网页 >> css >> 教程正文:css控制文本垂直居中
css控制文本垂直居中
作者:未知 文章来源:未知 添加时间:2008-3-17
通常我们控制我们控制文本居中是text-align:center,但是要让文本垂直居中呢?其实给容器设置一个与其高度相同的行高就可以了,加入我们的height:60px的话,我们的line-height也同样设置60px;这样就能实现文本的垂直居中了。
 

测试代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="
http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>99265.com</title>
<style type="text/css"> 字串9
div {
 height:60px;
 line-height:60px;
 border:1px solid red
 }
</style>
</head>
<body>
<div>关注非专业</div>
</body>
</html>

  • 上一篇教程:

  • 下一篇教程:
  • 打印此文 』『关闭窗口
    【相关文章】
    没有相关教程
    【免责声明】
    本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。如果本站转载的文章有任何版权问题或任何异议,请惠赐:99_265#163.com。
    推荐文章
  • 此栏目下没有推荐教程
  • 热门文章
    普通教程CSS导航菜单
    普通教程框架和滑动门技术分析
    普通教程“网页滚动条”设置技巧
    普通教程“mailto”标签应用技巧
    普通教程实用HTML文件的增强标记
    普通教程CSS兼容要点分析
    普通教程获得本页面URL地址的JS代码
    普通教程什么是XHTML?
    普通教程常用CSS命名参考
    普通教程效果直逼flash的Div+Css+Js菜单
    普通教程用代码实现页面内文字的滚动详…
    普通教程十步学会用css建站
    普通教程双击鼠标滚动屏幕的代码
    普通教程meta标签之详解
    普通教程网页中实现细线边框的两种方法
      © 2007 新视觉. 99265.com  关于新视觉 - 广告服务 - 版权申明 - 联系我们 - 皖ICP备05001767号.