CSS:删除线未通过文本居中

标签 css strikethrough

我们使用删除线 来实际显示产品的旧价格与新价格。

如果你打开这个链接,在页面底部,我们有一个产品在打折。 http://www.gkelite.com/Gymnastics-Shopby-GiftoftheWeek

旧价格的删除线没有垂直居中。 谁能帮忙解释一下为什么会这样?

最佳答案

删除线传统上是 x 高度(或小写字母“x”的高度)的某个百分比(70% 到 90%)。如果该线位于大写字母高度的 50%,则删除线可能会位于集合中任何小写字母的上方或顶部。删除线应该用一条线穿过文本中的所有字母,这就是从 x 高度测量的原因。

无论浏览器是否实际使用 x 高度来计算删除线,这一传统就是删除线显示为低于大写高度 50% 的原因。

有关术语的一些示例,请参见下图:

enter image description here

关于CSS:删除线未通过文本居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8215754/

相关文章:

swiftui - 如何将删除线()应用于 SwiftUI 中点击的 foreach 文本项?

javascript - 为什么我的 CSS 图像不会保持静止?

css - 为什么文本不对齐 : center work on ul given it contains text

android - 有没有一种简单的方法可以删除应用小部件中的文本?

CSS 带有空格的删除线价格

python - 在wxpython listctrl中创建删除线

css - 仅将 CSS 应用于特定的 cshtml block

html - 在 <li> 上扩展背景图像

html - 无法使用百分比宽度对齐表单元素的右边缘

ios - 如何创建带删除线文本的 UILabel?