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
投稿猜你喜欢
- 1.Pool资源池的概念Pool资源池的官方文档：https://docs.ceph.com/en/pacific/rados/operat
今天老肥让我试试百度知道的新功能：插入地图。该功能需要登录才能操作，因此我意外的发现百度用户登录的弹出层变了。我很喜欢这个改进，利用TAB来- Decode函数的语法结构如下:decode (expression, search_1, result_1)decode (express
- 修改HTMLTestRunner.py以支持python3+搜索到的结果整理修改一： 在python shell里输入 >>&g
- 这两天在搞Theano，要把mat文件转成pickle格式载入Python。Matlab是把一维数组当做n*1的矩阵的，但Numpy里还是有
- 下面是代码，如果看不懂，建议先把表格的一些<tr><td>的表格原理弄清楚了，就可以了代码如下:<table&
- 匿名函数lambdaPython使用lambda关键字创造匿名函数。所谓匿名，意即不再使用def语句这样标准的形式定义一个函数。这种语句的目
- 一、Ajax简介Ajax被认为是（Asynchronous JavaScript and XML）的缩写，允许浏览器与服务器通信而无需刷新当
- 本文只考虑模板中的字符串，不考虑字符串中带标签的情况。模板中的字符串文字不会自动转义，因为这里默认模板的作者已经正确书写模板的内容。{{ d
- 引言“ 这是MySQL系列笔记的第九篇，文章内容均为本人通过实践及查阅资料相关整理所得，可用作新手入门指南，或
- 安装Pycharm进行Python开发时，经常右下角提示No R interpreter defined，处理方式：1、安装R，然后将R的路
- Python encode()方法encode() 方法为字符串类型（str）提供的方法，用于将 str 类型转换成 bytes 类型，这个
- 一、引言这个五一假期自驾回老家乡下，家里没装宽带，用手机热点方式访问网络。这次回去感觉4G信号没有以前好，通过百度查找小说最新更新并打开小说
- 音乐播放器可让您快速轻松地管理和收听所有音乐文件。在本文中，我将带您了解如何使用 Python 创建音乐播放器 GUI。如何使用 Pytho
- 前言Django框架功能齐全自带数据库操作功能，本文主要介绍Django的ORM框架到目前为止，当我们的程序涉及到数据库相关操作时，我们一般
- numpy.amin()和numpy.amax()numpy.amin()用于计算数组中元素沿着指定轴的最小值。numpy.amax()用于
- 本文实例讲述了Python使用sort和class实现的多级排序功能。分享给大家供大家参考，具体如下：# -*- coding:utf-8
- 就服务器端处理而言，ASP是产生动态Web网页的一种相对较新的技术。动态页意味着什么呢？先暂时不考虑客户端相关功能上的进展，也不讨论客户端脚
- 程序介绍本程序利用1.密码必须由数字、字母及特殊字符三种组合2.密码只能由字母开头3.密码长度不能低于16位来判断密码程度。首先，把可输入的
- 1、定义和使用列表在Python中，列表是由一系列元素按照特定的顺序构成的数据结构，也就是说列表类型的变量可以存储多个数据，且可以重复。1.
