html文本垂直居中对齐，代码如下：

<div id="box" style="height:100px; line-height:100px; border:1px solid #cccccc;margin:50px;">
    <span style="vertical-align:middle;display:inline-block;line-height:1.2em;">
      行1<br>
      行2<br>
      行3
    </span>
    <span>另一个span</span>
</div>

实现原理：

1、首先设置div元素的高与行高为一样的值，这样在块内的行内元素就会垂直居中

2、设置span元素的显示，修改display为line-block,使其成为行内块元素

3、设置span的vertical-align为middle,以垂直居中，设置行高为1.2em，以改变继承的行高

最新文章

1. iOS-Objective-C基础
2. 关于web.config中&lt;customErrors&gt;节点说明
3. 约在CBD，吃饭
4. jfinal和httl结合
5. C# Array
6. Fiddler进行手机抓包
7. Winedt打开tex文件报错error reading的解决方案
8. Wix安装包权限问题
9. corosync+pacemaker and drbd实现mysql高可用集群
10. VLAN间单臂路由访问
11. 如何在win7上面安装python的包
12. MySQL单列索引和组合索引的区别介绍
13. Windows Phone 8初学者开发—第4部分：XAML简介
14. uIP中国的协议文件：Ch01
15. Java实现贪吃蛇游戏【代码】
16. Web自动化之Headless Chrome测试框架集成
17. HASHSET不能预留容量问题
18. list按照某个元素进行排序
19. 「雅礼集训 2017 Day7」事情的相似度
20. Java 8 Optional类深度解析（转载）

热门文章

1. 由js apply与call方法想到的js数据类型（原始类型和引用类型）
2. H3 BPM让天下没有难用的流程之功能介绍
3. Android之Dedug--Circular dependencies cannot exist in AnimatorSet
4. Atitit.如何建立研发体系
5. MySQL 数据库双向同步复制
6. Linux设备管理（一）_kobject, kset,ktype分析
7. ASP.NET MVC 5 Web编程5 -- 页面传值的方式
8. ABP源码分析四十七：ABP中的异常处理
9. TODO：Go语言goroutine和channel使用
10. Objective-C runtime初识