2015-06-23 2 views
-1

У меня есть элемент button, и в нем есть 1 символ текста. Элемент кнопки создается с помощью css, а его ширина и высота - это процент от его родителя. Как я могу (используя css) сделать, чтобы 1 символ был больше размера шрифта, чтобы он точно входил в кнопку (поддерживая пропорции). Но это не должно касаться границы, должно быть какое-то дополнение. Кто-нибудь знает как это сделать? Что-то вроде font-size:100%?Как разместить текст в контейнере в html?

Благодаря

+1

Вы видели это? http://stackoverflow.com/questions/16056591/font-scaling-based-on-width-of-container –

+0

Я не верю, что это можно сделать для произвольного контейнера без установки размера шрифта в абсолютный значение (например, в пикселях). Если размер контейнера динамический, вам нужно будет использовать javascript для расчета требуемого размера шрифта. –

ответ

0

Em используются для умножения размера шрифта в элементе по его родительского размеру шрифта
стиля кнопки = «размер шрифта: 1 эм;»
Этот размер шрифта будет таким же, как и его родительский
button style = "font-size: 1.5 em;"
Этот размер шрифта будет таким же и наполовину, как и его родительский
button style = "font-size: 0.5em;"
Этот размер шрифта будет половина размера, как его родитель
http://www.w3schools.com/css/css_font.asp объясняет это