標籤:webkit ica head display div 字型 set table title
<!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水平行高不置中
移動端開發時,讓字型小於12px垂直置中的方法