* { margin: 0 }
.small-font { display: inline-block; height: 30px; line-height: 30px; border: 1px solid red; font-size: 20px }
.container { display: table }
.content { background-color: gray; font-size: 10px; display: table-cell; vertical-align: middle }
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<style>
* {margin: 0;}
.small-font{
display: inline-block;
height:30px;
line-height: 30px;
border: 1px solid red;
font-size:20px;
transform: scale(0.50);
transform-origin:0 0;
-ms-transform: scale(0.50); /* IE 9 */
-ms-transform-origin:0 0; /* IE 9 */
-webkit-transform: scale(0.50); /* Safari 和 Chrome */
-webkit-transform-origin:0 0; /* Safari 和 Chrome */
-moz-transform: scale(0.50); /* Firefox */
-moz-transform-origin:0 0; /* Firefox */
-o-transform: scale(0.50); /* Opera */
-o-transform-origin:0 0; /* Opera */
}
.container {
display: table;
}
.content {
background-color: gray;
font-size: 10px;
display: table-cell;
vertical-align: middle;
}
</style>
<body>
<span class="small-font">小于12px水平行高不居中</span>
<div class="container">
<span class="content">小于12px水平行高不居中</span>
</div>
</body>
</html>
小于12px水平行高不居中
小于12px水平行高不居中
原文地址：https://www.cnblogs.com/smallzhu/p/9568571.html
时间： 2024-10-21 01:11:29