'submit'값을 두 줄로 출력 할 수 있습니까?

Question

미니 폼이 있고 부모 단추의 너비에 맞도록 두 줄로 세분화 된 제출 단추 값의 긴 텍스트가 필요합니다. 제출 버튼의 너비를 설정하려했지만 트릭을하지 않습니다.

Answer 1

사용 <button type="submit"> 대신 <input type="submit">. 이렇게하면 버튼의 내용을 일반 텍스트 대신 HTML로 제공 할 수 있으므로 원하는 경우 버튼의 내용을 형식화 할 수 있습니다.

<button type="submit">Foo<br/>Bar</button> 

그리고 물론 당신은 또한 버튼 내용에 대한 고급 CSS 레이아웃을 사용할 수 있습니다 : 가장 기본적인 해결책이 될 것

수동으로 줄 바꿈을 포함합니다.

See it in action.

Answer 2

감싸고 <span> 번째 행에 원하는 텍스트와 :

span{ 
    display:block 
} 

Answer 3

<style> 
.buttontext { 
    width: 10px; 
    white-space: wrap; 
    display: block; 
} 
</style> 
<button><span class=buttontext>Very long text Very long text 
Very long text</span></button> 

이렇게하면 필요한 줄에 텍스트가 줄 바꿈됩니다.

Answer 4

다음은 버튼에 텍스트를 줄 바꿈합니다. 내가 너비를 지정했음을 주목하라.

<input type="button" value="This is some text on the button" style="white-space:normal; width:100px;" />