2012-03-20 7 views

ответ

5

HTML TAGS: попытка поддержи и суб-теги, ...

Demo

Другой вариант с помощью CSS:

<style type="text/css"> 
#sup, 
#sub { 
    height: 0; 
    line-height: 1; 
    vertical-align: baseline; 
    _vertical-align: bottom; 
    position: relative; 

} 

#sup { 
bottom: 1ex; 
} 

sub { 
top: .5ex; 
} 
</style> 
+2

Ах, избили меня на 26 секунд. Кроме того, не связывайтесь с www.w3fools.com! –

+0

Спасибо. У меня не было идей, как правильно это сделать google :) – Ockonal

10

Используйте <sup> и <sub> теги.

0

Я не совсем уверен, что вы хотите с латинскими буквами, или, если вы знаете, что латинских буквы, но юникоды вы можете найти здесь http://unicodelookup.com/#latin

в случае, если вы не имеете в виду римские цифры, нет автоматического перевода в HTML, для ола

0
<style> 
.sub, .sup { position: relative; font-size: 80%; } 
</style> 
...  
<span class=sub>a</span> (subscript) 
<span class=sup>a</span> (superscript) 
кроме

Настройте значения по желанию. В частности, вы можете использовать разные классы для разных ситуаций, особенно в зависимости от буквы, к которой прикреплен надстрочный индекс. Например, после прописной буквы типа «A» надпись должна быть помещена значительно выше.

Почему классы и CSS?

Хотя у HTML, похоже, есть только правильная разметка, sup и sub, у них есть несколько недостатков. Их рендеринг является непоследовательным в браузерах и часто типично беден: как вертикальное размещение, так и размер могут быть недостаточными. Это может показаться легким исправить это в CSS, но это не так, из-за нечетной ошибки IE с их калибровкой: неверно интерпретирует проценты. Кроме того, sup и sub часто создают неравномерный межстрочный интервал.

Если вы намерены использовать sup и sub, запустите несколько тестов, прежде чем приступать к их использованию. Проверьте несколько браузеров и надстрочные индексы и индексы внутри абзацев текста (чтобы вы увидели проблему с расстоянием между линиями).

Смежные вопросы