Стилі для верхнього і нижнього індексу в css

На-вер-ве, по-шануй все зна-ють про теги SUP і SUB. До-воль-но по-дроб-ве опи-са-ня мож-но най-ти в ста-тє ан-глій-ської ві-ки-педіі.

Ос-нов-ва про-бле-ма в стан-дарт-ної ре-а-лі-за-ції сліпі копії-ра-же-ня цих ті-гов - через ме-ні-ня ви-со-ти будів -ки за рахунок того, що текст в цих ті-гах ви-рав-ні-ва-ет-ся свій-ством CSS ver-ti-cal-align. Це через ме-ні-ня ва-рьі-ру-ет-ся від бра-у-зе-ра до бра-у-зе-ру, але, кро-ме того, віз-де раз-ли-ча ють-ся як раз-ме-ри шріф-ту для та-ких еле-мен-тів, так і самі від сту-пи. Про цю про-бле-ме мно-Гії зна-ють і, частіше все-го, перед-ла-га-ють два ре-ше-ня: умень-ху ви-со-ти будів-ки цих еле мен-тов, і їх від-но-си-тель-ве по-зи-ци-о-ні-ро-вання.

Для себе я ре-шив це де-лать так:

Як вид-но з коду, я «про-ну-лив» вір-ти-каль-ве ви-рову-ні-ва-ня, вос-поль-зо-вал-ся від-но-си-тель-ним по-зи-ци-о-ні-ро-ва-ні-му, а та-до-же умень-шив ви-со-ту будів-ки. Кро-ме того, мож-но об-ра-тить вни-ма-ня на ве-ли-чи-ни від сту-пов: я їх за-дав у ex. тому по ло гі ке і по име-ю-щим-ся опи-са-ні-ям (на-прі-мер, в уже упо-ма-ну-тій ста-тє ан-глій-ської ві-ки пе-дии) цей від-ступ дол-дружин бути ос-но-ван імен-но на цій від-но-си-тель-ний оди-ні-це, ос-но-ван-ної на ви-со-ті шріф-ти, неже-ли на ши-рине. По-про-ще, це до-ста-точ-но об-ний визна-де-ле-ня, в иде-а-ле мож-но ис-поль-зо-вать раз-лич-ні клас-си для циф-ро-вих зна-че-ний в ін-дек-сах, для слу-ча-їв ко-ли є толь-ко про-піс-ні або толь-ко строч-ні бук-ви та ін. Од- на-ко, це вже тре-бу-ет вме-ша-нізацією в раз-мет-ку, і до CSS вже не ма-ет від-но-шення.

Сто-ит упо-ма-нуть, що в неко-то-ких ви-ча-ях все-таки мо-же мати сенс за-да-вати від-ступ для ін-дек-сов, збіль-ли-чи- ва-ю-щий ви-со-ту будів-ки, ска-жем, ко-ли у нас є біль-шая вло-дружин-ність ін-дек-сов або еше щось. за рахунок чого вони мо-гут по-пащу на дру-Гії будів-ки. Прав-да, частіше все-го про це мож-но забути.

Якщо ви знайшли помилку або хочете чимось доповнити статтю, ви завжди можете написати мені про це. або поправити статтю прямо на Гітхабе.

Схожі статті