zoukankan      html  css  js  c++  java
  • 移动端开发时,让字体小于12px垂直居中的方法

    <!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水平行高不居中
  • 相关阅读:
    MongoDB 4.0.10 CRUD操作(增删改查)
    MongoDB 4.0.10 聚合
    MongoDB 4.0.10 索引
    MongoDB 4.0.10 导出、导入,备份、恢复
    MongoDB 4.0.10 监控
    列及注释
    SecureCRT的shell中文乱码
    oracle 判断是否是日期
    查询oracle服务器的版本
    Oracle中connect by 的执行结果记载
  • 原文地址:https://www.cnblogs.com/smallzhu/p/9568571.html
Copyright © 2011-2022 走看看