Есть ли способ написать небольшой текст непосредственно поверх определенных букв в HTML?

#html #string #subscript #superscript

Вопрос:

Здесь полный дилетант. Я работаю над небольшим личным проектом, и мне нужно уметь помещать цифры непосредственно поверх определенных букв, как это:

Мой текущий метод состоит в том, чтобы просто встроить уравнения в формате jpeg, но хотелось бы знать, есть ли лучший способ сделать это (желательно, но не обязательно, в чистом HTML)? (Надеюсь, что-то вроде функции /выше в Microsoft Word) Спасибо вам за вашу помощь.

Ответ №1:

Используйте теги верхнего и нижнего индексов.

 sup {
  left: -.5em;
  top: -.5em;
  margin-left: -1em;
  position: relative;
}

 K<sub>2</sub>Cr<sub>2</sub><sup> 6</sup>O<sub>7</sub>

Вы ищете что-то подобное? Это может потребовать некоторой тонкой настройки на основе точной формулы, которую вы пытаетесь представить, но я думаю, что это работает как доказательство концепции.

1. Это прекрасно! Большое вам спасибо, я не знаю, почему использование CSS никогда не приходило мне в голову, я думал об этом в течение нескольких дней! Я отмечу это как решение.

2. Я рад это слышать! Подобно Alessio, я бы также рекомендовал изучить библиотеки набора текста, такие как MathJax или (мой любимый) Katex , которые могут помочь сделать вещи менее громоздкими.

Ответ №2:

Я не знаю, можете ли вы использовать только HTML, но есть MathJax, который

механизм отображения JavaScript для математики, который работает во всех браузерах.