Добавление подстрочного индекса с другим шрифтом внутри диапазона - PullRequest
Новая
       70

Добавление подстрочного индекса с другим шрифтом внутри диапазона

0 голосов
/ 08 мая 2020

Я показываю процент на своем веб-сайте, например 44% . И значение, и нижний индекс имеют разный шрифт. Подстрочный индекс вводится неправильно.

Я использую приведенный ниже код: 

<table>
<tr>
  <td>
    <b>
    <div style='display:block;'>
	<span style='font-size: 220px;line-height: 200px;'>44
            <span style='font-size:20px;display: inline-block;vertical-align: top;'><sup>%</sup>
	</span>
	</span>
  </div>
</b>
</td>
</tr>
</table>

Я хочу, чтобы символ процента чуть выше и очень близко к значению. Теперь между значением и символом% много места. Может ли кто-нибудь помочь мне исправить это?

Заранее спасибо.

1 Ответ

2 голосов
/ 09 мая 2020

Рассмотрите возможность добавления line-height к <sup>. 

<table>
<tr>
  <td>
    <b>
    <div style='display:block;'>
	<span><span style='font-size: 220px;line-height: 200px;'>
  44<sup style='vertical-align:top;font-size:20px;line-height: 50px;'>%</sup></span>
	</span>
  </div>
</b>
</td>
</tr>
</table>
...