泰米尔字体搞乱了 HTML 元素的对齐和设计

Question

为什么泰米尔语单词没有像英语单词那样正确对齐，为什么它改变了默认的 html 元素行为？

例如，我包含下面的代码示例以供您澄清，最好使用 firefox 打开它，因为它会清楚地显示 select 个框之间的区别。

<body>
  <select>
    <option>June</option>
  </select>

  <select>
    <option>ஜூன்</option>
  </select>
</body>

这可能是个小问题，但对这种行为还不是很清楚。

如果有人向我解释为什么会发生这种情况以及我应该如何解决这个问题，我将非常高兴..？

在 firefox 中打开时的屏幕截图。

Answer 1

英文字体由 ASCII 代码生成，泰米尔语、加拿大语、马拉雅拉姆语等是在 Unicode 的帮助下生成的，因此可能需要一些额外的间距...使用 css 您可以控制它的大小保管箱。

Answer 2

由于字体的性质，它必须在垂直方向上多加一些 space。我建议使用通用 css 来均衡所有下拉菜单的高度。

select{
    height:25px;
}

Answer 3

<style>
select.extraPadding{
    padding-top: 10px;
    padding-bottom: 10px;
}
</style>

<select class="extraPadding">
   <option>June</option>
</select>

泰米尔字体搞乱了 HTML 元素的对齐和设计

Tamil fonts mess up HTML element's alignment and design

html

css

tamil