центральный текст игнорируя верхний индекс - PullRequest
Новая
       24

центральный текст игнорируя верхний индекс

0 голосов
/ 12 декабря 2018

У меня есть таблица центрированного текста.Но часть текста включает в себя верхние индексы.Есть ли способ заставить текст выравниваться и игнорировать верхние индексы?

Например, в этом коде, как сделать выравнивание 2 непосредственно под 1. 

td {
  width: 200px;
  text-align: center;
}
<table>
  <tr>
    <td>1</td>
  </tr>
  <tr>
    <td>2<sup>hello</sup></td>
  </tr>
</table>

1 Ответ

0 голосов
/ 12 декабря 2018

Вы можете обернуть текст в диапазон и положение надстрочного текста абсолютно: 

td {
  width: 200px;
  text-align: center;
}

td>span {
  position: relative;
}

span>sup {
  position: absolute;
  /* play with the below to line up your sup properly */
  top: -0.4em;
  left: 100%;
  margin-left:0.1em;
}
<table>
  <tr>
    <td>1</td>
  </tr>
  <tr>
    <td><span>2<sup>hello</sup></span></td>
  </tr>
</table>
...