Поиск

Привет, Гость

Войти
Идентификация
Я забыл свой пароль
Регистрация

Из всего, что вы говорите женщине, она слышит только то, что хочет слышать. Даже если вы этого не говорили.

СтатьиСтатьиРазработка сайтов → Перенос текста на кнопке

Для переноса слова на кнопке можно воспользоваться тегом <pre>

Он показывает так как вводите, не съедает переносов строк и двойных пробелов.
Код: HTML
<pre>

<input type="submit" value="Привет,

народ!">

</pre>
Результат:








Или, что предпочтительнее, стилевым свойством white-space:pre, результат тот же.
Код: HTML
<input type="submit" value="Привет,

народ!" style="white-space:pre;">
Результат:





Пример посложнее — на второй строке два слова.

Для центрирования текста можно использовать стиль text-align, а для того чтобы пробел гарантированно не разорвался в ненужном месте, ставим знак «неразрывного пробела» — &nbsp;
Код: HTML
<input type="submit" value="Здравствуйте,   

товарищи&nbsp;бойцы!" style="white-space:pre;text-align:center;">
Результат:





Не обошлось и без ложки дегтя...

CSS хак не работает в Опере. Ну и фиг с ней!
Дата 2013-06-09 00:43:20

Комментировать

Вы не залогинены!

Устал читать? Напиши! Или позвони +375 29 5344286. На связи по будним дням с 800 до 1700.