我们使用删除线 来实际显示产品的旧价格与新价格。
如果你打开这个链接,在页面底部,我们有一个产品在打折。 http://www.gkelite.com/Gymnastics-Shopby-GiftoftheWeek
旧价格的删除线没有垂直居中。 谁能帮忙解释一下为什么会这样?
最佳答案
删除线传统上是 x 高度(或小写字母“x”的高度)的某个百分比(70% 到 90%)。如果该线位于大写字母高度的 50%,则删除线可能会位于集合中任何小写字母的上方或顶部。删除线应该用一条线穿过文本中的所有字母,这就是从 x 高度测量的原因。
无论浏览器是否实际使用 x 高度来计算删除线,这一传统就是删除线显示为低于大写高度 50% 的原因。
有关术语的一些示例,请参见下图:
关于CSS:删除线未通过文本居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8215754/