ex高度图标和字符天然对齐实例页面

回到相关文章 »

代码：

CSS代码：
.icon-arrow {
    display: inline-block;
    width: 20px;
    height: 1ex;
    background: url(arrow.png) no-repeat center;
}
HTML代码：
zhanghanyun<i class="icon-arrow"></i>

张含韵<i class="icon-arrow"></i>

效果：

英文字符：

zhanghanyun

中文字符：

张含韵

修改字体和大小