2013-04-16 2 views
0

Я не знаю, насколько размер шрифта по умолчанию, но в любом случае я хочу уменьшить его на 2px.изменить размер шрифта относительно

<td style='width:30%; margin:0 5%; text-align:left;vertical-align:top;font-family:Tahoma, Arial, Helvetica;' font-size:'xx'>Some text</td> 

Что присвоить атрибут font-size так, что мой текст будет 2 пикселя меньше. Thanx.

+0

может использовать jquery? – Usman

+1

2 пикселя меньше на вашем мониторе, используя настройки вашего браузера, на других машинах не будет на 2 пикселя меньше. Укажите размер текста родительских элементов, затем уменьшите количество дочерних элементов или используйте относительную единицу, такую ​​как 'em' или' ex'. – deau

+0

@ Usman, no ufortunately – Malloc

ответ

1

Вы хотите использовать em вместо пикселей. Эма представлены в процентах по отношению ко всему остальному, так

font-size: .8em; 

бы сделать 80% от размера как текст вокруг него.

См. http://www.w3schools.com/cssref/css_units.asp за хорошее объяснение в единицах CSS.

+0

Привет, '.8em' будет работать, если вы проверите' font-size', не используя 'font-family'. – Malloc

+0

@Malloc, который на самом деле не должен влиять на него. Кроме того, у вас есть опечатка в пасте выше рядом с семейством шрифтов, ваш размер шрифта не интерпретируется. – qbert65536

+0

Это не отвечает на вопрос, как сделать текст на 2 пикселя меньше. Если вопрос был ошибочным (как я думаю, он был), его следует исправить, вместо того, чтобы принимать неответ. –

2

Если вы действительно действительно хотите, чтобы он 2px меньше, и вы будете счастливы принять это будет работать только на современных браузерах:

font-size: calc(1em - 2px); 

Ссылки:

информация Совместимость на caniuse

Документация на mozilla, или w3c

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