Ссылки

Поиск

 
Новости, Статьи
Форум
Файлы

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

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

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

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

Последние статьи

Сайт для фирмы-изготовителя натяжных потолков 0
Антиспам «Я не робот» 0
За что воюет Украина и когда всё это кончится 12
Удаление родителя текущего элемента на jQuery 0
Простой аккордеон на jQuery №3 0

Подробное техническое задание к договору точно определит, как будет выполнен будущий сайт.

RSS фиды

RSS Статьи
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 хак не работает в Опере. Ну и фиг с ней!
08.06.2013 23:43 Автор/источник: Den1xxx

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

Вы не залогинены! Регистрация

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