1.定义：两行文字基线（baseline）之间的距离。中文为行高。在英文字母中，基线位于部分英文字母(x,i,n等）下端边缘线处（跟字体有关，会有一些细微差距）。 2.line-height与行内框盒子模型。 内容区域（content area)是围绕文字line-height的不可见的盒子。与fo ...
分类：
其他好文 时间：
2016-09-25 18:50:22
阅读次数：
93
W3C官方对vertical-align属性的定义有4个方面： （1）vertical-align属性用于定义“周围的文字、inline元素以及inline-block元素”相对于该元素基线的垂直对齐方式。这里的“该元素”指的是被定义了vertical-align属性的元素；（2）在表格单元格中，v ...
分类：
其他好文 时间：
2016-09-24 12:07:12
阅读次数：
156
1.块级元素中插入一个内联img元素后,产生多余间隙 代码 消除图片底部间隙几种方法 1.图片与底线对齐 2.图片元素块状化-无基线对齐 3.行高足够小，基线上移 4.消除隐匿文本字体大小 源码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <met ...
分类：
其他好文 时间：
2016-09-24 00:48:42
阅读次数：
323
深入理解 CSS 中的行高与基线 1、基本概念 1. 基线、底线、顶线、中线 注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。 2. 内容区 内容区是指底线和顶线包裹的区域（行内元素display：inline可以通过background-color属性显示出来） ...
分类：
Web程序 时间：
2016-09-05 11:53:11
阅读次数：
171
这篇文章总结的很好，故转载收藏。 1、基本概念 1. 基线、底线、顶线、中线 注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。2. 内容区 内容区是指底线和顶线包裹的区域（行内元素display：inline可以通过background-color属性显示出来）， ...
分类：
Web程序 时间：
2016-08-30 22:37:28
阅读次数：
282
方法一： 设置父元素高度，设置子元素行高垂直居中 关键样式： ① 父元素（这里是div）设置和高度一致的 line-height （这里是200px） 由后面的vertical-align定义看，这是为了设置div的基线 ② 子元素 (这里是span) 设置合适的line-height，并设置dis ...
分类：
其他好文 时间：
2016-08-24 12:29:57
阅读次数：
104
在上一篇中，我们讲到了Vagrant的基本使用，在本文中我们将尝试创建自己的Vagrant box。 Vagrant box只是提供了一个虚拟机的基线，比如对于Harshicorp官网提供的unbuntu/trusty64这个box，相当于只是一个Ubuntu的ISO安装文件。一般来讲，在安装了操作 ...
分类：
其他好文 时间：
2016-08-21 00:41:21
阅读次数：
298
图7-34 文字和图片内容默认垂直对齐方式为基线对齐 上一小节讲解了行高与单行纯文字的垂直居中，而如果行内含有图片和文字，在浏览器内浏览时，读者可以发现文字和图片在垂直方向并不是沿中线居中，而是沿基线对齐，如图7-34所示。 这是因为，元素默认的垂直对齐方式为基线对齐（vertical-align: ...
分类：
其他好文 时间：
2016-08-19 07:29:44
阅读次数：
277
入职的第二个月的工作做一下简单的陈述 本月主要做了以下的工作： 1、测试砚山教学通（后因教学通的测试分到各个项目组，所以原计划进行的大连项目测试未进行） 2、在渝北平台上学习新的EDC基线（再西宁EDC需求未出来前，学习相关结构） 3、青海每周三例行巡检，青海项目测试（新增排行功能，一次上线） 4、 ...
分类：
其他好文 时间：
2016-08-02 13:03:44
阅读次数：
161
一、适用范围 vertical-align应用于行内元素和表单元格 二、取值 1. baseline 元素基线与父元素基线对齐，默认值。如果一个图像，表单输入元素或者其他替换元素，那么该元素的底端与父元素基线对齐。它使得浏览器总是把替换元素的底边放在基线上，即使该行中没有其他文本。例如，一个表单元格 ...
分类：
其他好文 时间：
2016-07-28 16:12:27
阅读次数：
132
