横线和文字一排，文字居中显示vertical-align: middle;
2024-04-01 12:19:37
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
hr {
width: 33.33%;
height: 1px;
margin: 0;
background-color: #6495ED;
display: inline-block; // hr是块级元素
vertical-align: middle;
}
span {
color: #000;
}
</style>
</head>
<body>
<div class="box">
<hr />
<span>文字居中显示</span>
<hr />
</div>
</body>
</html>
最新文章
- VS 2013编译64位版本QT 4.8.6及使用cmake为依赖QT生成VS项目时Could NOT find Qt4
- Tomcat内存优化参数
- hdu 1520 Anniversary party 基础树dp
- 总结一下在ASP.NET中开发网站的一般步骤
- 第五章 与众不同的this
- 让TextView出现跑马灯效果
- XAML(2) - 依赖属性
- D3D中深度测试和Alpha混合的关系
- NoSQL开篇——为什么要使用NoSQL
- ubuntu grub配置
- Silverlight应用程序中调用WCF Ria Services访问数据库图片
- 为Centos安装自定义yum源
- Qt容器类的对象模型及应用（线性结构篇）（好多图，比较清楚）
- MTD中的nand驱动初步分析---面向u-boot
- 使用ROW_NUMBER()查询：列名 'RowNumber' 无效。
- LSM树存储模型
- WMI远程启动软件(某个应用程序)
- c#基础之abstract和interface
- object detection[YOLO]
- java Condition条件变量的通俗易懂解释、基本使用及注意点