css - 用多个跨度修复损坏 的装饰

Question

score 5 · Accepted Answer

你应该使用<sup>标签。这对我来说很好：

<a href="#">R<sup>5</sup></a>

和

a { text-decoration: underline; }

我不知道你是如何实现上标的，但我会提到人们为什么不这样做的一个常见原因。他们认为它已被弃用<b>（它不是）或者它不是语义的（它是）。

score 1 · Accepted Answer

我不确定它是否会起作用或是否有更好的解决方案，但您可以删除下划线并将 a 添加bottom-border到a元素中。

score 0 · Accepted Answer

0

于 2009-10-19T02:48:04.833 回答

score 0 · Accepted Answer

啊，实际上不知道<sup>：*）我正在使用.superscript { font-size:xx-small; vertical-align:top; }

如果你想使用CSS 作为上标，你需要这个：

.superscript {vertical-align:super;}

但是，正如cletus所指出的，只需使用语义正确且仍然流行的<sup>标签。

score 0 · Accepted Answer

你可以试试我找到的这个 CSS，它可以防止下标和上标破坏你的行高。这个对我有用。

sup, sub { vertical-align: baseline; position: relative; top: -0.4em; font-size: 0.75em; font-weight: normal; }
sub { top: 0.4em; }

试试下面的化学式：

MgNaA<sub>l5(</sub>Si<sub>4</sub>O<sub>10</sub>)<sub>3</sub>(OH)<sub>6</sub>

或者

Radioactive Phosphorus-32 is <sup>32</sup>PO<sub>4</sub><sup>3-</sup>

css - 用多个跨度修复损坏的装饰