Ссылки

Поиск

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

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

Обновления на форуме

Блок новостей в виде блога 2 >>
Игры для сайта 34 >>
Сервис создания тестов 94 >>
Дед 1 >>
На сайте регистрация пользователей спамом 3 >>

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

RSS фиды

RSS Файлы
RSS Новости
RSS Форум

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

Для переноса слова на кнопке можно воспользоваться тегом <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.