У меня есть кнопка с длинным текстом вроде "Нажмите здесь, чтобы начать играть". Я хочу управлять шириной и отображать текст в нескольких строках. Возможно ли это в html/css?
HTML: можно ли отображать текст кнопки в нескольких строках?
Ответ 1
Два варианта:
<button>multiline<br/>button<br/>text</button>
или
<input type="button" value="Carriage return separators" style="text-align:center;">
Ответ 2
Да, вы можете иметь его на нескольких строках, используя свойство css белого пространства:)
input[type="submit"] {
white-space: normal;
width: 100px;
}<input type="submit" value="Some long text that won't fit." />Ответ 3
Этот CSS может работать для <input type="button" ..:
white-space: normal
Ответ 4
Да, это так, и вы также можете использовать его так
<button>Click here to<br/> start playing</button>
если вы хотите сделать перерыв самостоятельно.
Ответ 5
Еще один способ улучшить и стилизовать многострочный текст
<button>Click here to<br/>
<span style="color:red;">start playing</span>
</button>
Ответ 6
Вы можете разбить текст, используя сущность между значением. См. Объект в примере ниже:
<input style="width:100px;" type="button" value="Click here 
 to 
 start playing">