Why does the ▴ utf8 charcter change the line height of my th?

Asked Sep 23 '20 at 09:24

Active Sep 23 '20 at 09:24

Viewed 89 times

I am developing a website with a sortable table on it. The table-header is shown here:

As soon as I insert the sort-direction character (arrow up or down) into the span.sortdirchar, the height of the <th> element changes from 20 to 22. The problem is that the character is hight than the line height for some reason:

So the th wraps around the characters height (more than 16px), although the inspect-tool tells me that my span is only 16px tall.

asked Sep 23 '20 at 09:24

Torge Rosendahl

3

related: https://stackoverflow.com/a/55978512/8620333 – Temani Afif Sep 23 '20 at 09:27
1

The simple answer you probably don't want to hear is: those are two different fonts. Just read the linked answer. – AmigoJack Sep 23 '20 at 16:38
Yeah - i'd make the line height of the text match the height of the arrow indicator, then you won't get the jiggle – Devin McQueeney Sep 23 '20 at 20:50

Why does the ▴ utf8 charcter change the line height of my th?

0 Answers0