Хотел создать кнопку через инпут, но на ней большой текст. И кнопку растягивает в длину.
Можно ли сделать, чтобы текст шел в несколько строк?
Условия:
1. <button>тра-та-та</button> не предлагать.
2. вставка в текст \n (по типу "Вася шел\n по дороге") проверена - не работает.
1. LShark - 04 Января, 2013 - 00:20:44 - перейти к сообщению
2. SAD - 04 Января, 2013 - 00:22:24 - перейти к сообщению
выставьте ширину для кнопки
3. EuGen - 04 Января, 2013 - 00:28:05 - перейти к сообщению
4. LShark - 04 Января, 2013 - 00:50:31 - перейти к сообщению
SAD пишет:
выставьте ширину для кнопки
Тогда текст кнопки просто плавает из стороны в сторону внутри кнопки, а не переносится по строкам.
EuGen действительно, что то про jq я забыл... Хотя необычное решение...
(Добавление)
Эксплорер - работает через JQ
Гуглобот - работает
Опера - нет - показывает длинную кнопку с промоткой.
Есть ли более кроссбраузерное решение?
5. vadiq - 15 Мая, 2015 - 12:19:46 - перейти к сообщению
LShark пишет:
Хотел создать кнопку через инпут, но на ней большой текст. И кнопку растягивает в длину.
Можно ли сделать, чтобы текст шел в несколько строк?
Условия:
1. <button>тра-та-та</button> не предлагать.
2. вставка в текст \n (по типу "Вася шел\n по дороге") проверена - не работает.
Можно ли сделать, чтобы текст шел в несколько строк?
Условия:
1. <button>тра-та-та</button> не предлагать.
2. вставка в текст \n (по типу "Вася шел\n по дороге") проверена - не работает.
В стилях пропишите
text-align:center;
white-space: normal;
и задайте нужную ширину кнопки.
Текст будет в 2 и более строки в зависимости от длины декста и ширины кнопки.
6. DelphinPRO - 15 Мая, 2015 - 14:14:24 - перейти к сообщению
LShark пишет:
<button>тра-та-та</button> не предлагать.
LShark пишет:
Есть ли более кроссбраузерное решение?
Сам отказался от кроссбраузерного решения =)
Почему, кстати?
7. ShniderHost - 20 Мая, 2015 - 12:52:49 - перейти к сообщению
Можно, но не нужно.