有没有办法让阿拉伯字体和英文字体垂直对齐？

Question

下面是一个示例：

​

h1{
  display:inline-block;
}

    <h1>English Font</h1><h1>الخطوط العربية</h1>

​

正如你所看到的，基本标志没有对齐。

Answer 1

你可以玩line-height

​

h1{
  display:inline-block;
}
.arabic {
  line-height: 25px;
  vertical-align: bottom;
}

    <h1>English Font</h1><h1 class="arabic">الخطوط العربية</h1>

​