css行高：line-height属性详解（5）
作者：ddcatlee 来源：猫沙盆 发布时间：2008-06-24 11:42:00
标签：line-height,行高,文字,css
7.3.5 应用：单行文字在垂直方向居中
在网页设计中，往往为了突出标题而添加背景图案，如图7-31所示。
图7-31 包含背景图片的标题
假设此标题的XHTML代码如下：
<div id=”#sample”> <h2>热门帖大盘点</h2> ……</div>
此时如果只设定<h2>的背景图片和高，则文字会偏上，如图7-32所示。
图7-32 未设定行高的标题文字
针对这个现象，一般只需要设定与高度相等的行高即可，相关代码如下：
#sample h2 { height : 31px; line-height : 31px; …… }
此时在浏览器内文字已经在垂直位置上居中显示，如图7-33所示。
图7-33 设定行高后的标题文字
此方法同样可以运用在其他需要文字垂直居中显示的地方，例如列表项、导航条等等。
0
投稿猜你喜欢
location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.hre- Hi, 大家好~ 好久没有发有营养的东西，今天就扔一篇最近热点的Google Chrome 浏览器的试用心得吧。先说个比较搞的事情，Goog
- pre标签会原样保留HTML内容的格式，可是如果宽度过大会把页面撑坏，这时候需要自动换行来帮忙：Making preformate
- asp使用fso对象遍历目录及目录下的文件代码：<％@ Language=VBScript ％><％&
- Online人们搜索、浏览、阅读、跟帖、互动投票，玩游戏，甚至在线买卖交易。这些行为都是“用户体验”，听起来用户体验似乎无所不能，造成了互联
- SQL语言是一门简单易学却又功能强大的语言，它能让你快速上手并写出比较复杂的查询语句。但对于大多数开发者来说，使用SQL查询数据库并没有一个
- 从前有三只小猪，长大自立了分别造房子住。老大搬来草堆堆出草屋，老二搬来木头搭出木屋，老三搬来砖头，砌墙，造烟囱，造出了坚固的砖房。一天晚上大
- 这样的问题是因为 数据库字符集,表字符集,字段字符集都设为：gbk_chinese_ci 注意数据库连接串里面的 Stmt=Set Name
- 代码如下:using System; using System.Data; using System.Configuration
- 翻译整理：Young.J；官方网站：http://jquery.comjQuery是一款同prototype一样优秀js开发库类，特别是对c
- 1.建立设计规范的意义 建立设计文档的根本目的
- 利用MySQLfs这个工具，我么可以在MySQL关系数据库中存储文件系统。MySQLfs将文件系统中文件的字节内容分解成数据库中的元组，而数
- SQL> show all --查看所有68个系统变量值 SQL> show user --显示当前连接用户 SQL> s
- 前阵子刚完成一个B/S架构的学校办公系统，体会就是表太多，文件太多，而每个文件中类似的操作（代码）也太多了，例如学生信息和教师信息操作，st
- 如何做一个文本搜索？ 比较简单，见下：<％Head = "搜索"SearchStri
- 在实用美术中，常有"远看色彩近看花，先看颜色后看花，七分颜色三分花"的说法。这也就说明，在任何设计中，色彩对视觉的刺激起
- 传统来说，大家在CSS中使用的颜色要么是16进制格式，要么是rgb格式，就像rgb(171,205,239)。CSS3带来了一些新的处理颜色
- 在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。它由Sergey Chikuyonok开发。你在写HTM
- 之前说过要聊聊 干职业设计经理的活 的问题，貌似有些朋友对这个事情还挺关心的，我理解为一方面是掌握对付猎头时候的标准答案，一方面是
- 设法让用户happy吧～只要你的设计让用户乐了，产品的个性就得到了一次彰显，而用户对网站的情感就会获得一次升华，看看下面的知名网站的人性化设
