미니 폼이 있고 부모 단추의 너비에 맞도록 두 줄로 세분화 된 제출 단추 값의 긴 텍스트가 필요합니다. 제출 버튼의 너비를 설정하려했지만 트릭을하지 않습니다.'submit'값을 두 줄로 출력 할 수 있습니까?
2
A
답변
5
사용 <button type="submit">
대신 <input type="submit">
. 이렇게하면 버튼의 내용을 일반 텍스트 대신 HTML로 제공 할 수 있으므로 원하는 경우 버튼의 내용을 형식화 할 수 있습니다.
<button type="submit">Foo<br/>Bar</button>
그리고 물론 당신은 또한 버튼 내용에 대한 고급 CSS 레이아웃을 사용할 수 있습니다 : 가장 기본적인 해결책이 될 것
수동으로 줄 바꿈을 포함합니다.
1
감싸고 <span>
번째 행에 원하는 텍스트와 :
span{
display:block
}
+0
존, 나는'사용 된 작동 제안 실제로 무엇을 '<입력 유형 = 값 = "값이 매우 긴 텍스트를"/ "제출"> 거기 당신은 어떤 HTML을 추가 할 수 없습니다 ...하지만 덕분에 대답! –
1
<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>
이렇게하면 필요한 줄에 텍스트가 줄 바꿈됩니다.
1
다음은 버튼에 텍스트를 줄 바꿈합니다. 내가 너비를 지정했음을 주목하라.
<input type="button" value="This is some text on the button" style="white-space:normal; width:100px;" />
관련 문제
- 1. WPF TextBlock 높이를 두 줄로 제한 할 수 있습니까?
- 2. 두 개의 #update_all 줄을 한 줄로 결합 할 수 있습니까?
- 3. 두 줄로 두 줄로 된 R colSum
- 4. 한 줄로 출력
- 5. 어떻게 출력 할 수 있습니까?
- 6. 한 줄 대신 두 줄로 된 Fortran 출력
- 7. 양식 데이터를 한 줄로 출력
- 8. TextView는 두 줄로 정렬합니다.
- 9. 여러 줄로 Perl을 대체 할 수 없습니다.
- 10. MigLayout은 두 줄로 묶습니다
- 11. 페이지 제어 도트를 두 줄로 나눌 수 있습니까?
- 12. 일반 출력 유형을 추론 할 수 있습니까?
- 13. 기본 그래픽에서 축 레이블을 2 줄로 분리 할 수 있습니까?
- 14. Powershell에서 해시 테이블의 출력 형식을 한 줄로 출력
- 15. 동일한 변수를 여러 줄로 한 줄에 출력
- 16. Vim 구문 파일 명령을 여러 줄로 확장 할 수 있습니까?
- 17. WPF RichTextBox 한 줄로 제한 할 수 있습니까?
- 18. 두 줄을 하나로 처리 할 수 있습니까?
- 19. ffmpeg를 사용하여 바이트로 출력 할 수 있습니까?
- 20. 이 코드를 '레이블'상자에 출력 할 수 있습니까
- 21. 각도 필터에서 html을 출력 할 수 있습니까?
- 22. MCP3008을 사용하여 출력 할 수 있습니까?
- 23. XMLStreamWriter의 출력 스트림에서 "jump"할 수 있습니까?
- 24. TypeScript에서 javadoc 주석을 출력 할 수 있습니까?
- 25. putchar은 정수를 출력 할 수 있습니까?
- 26. 원시 문자열을 덜 출력 할 수 있습니까?
- 27. snort 로그를 데이터베이스로 출력 할 수 있습니까?
- 28. 변수의 이름을 출력 할 수 있습니까?
- 29. xslt에서 전체 XML을 출력 할 수 있습니까?
- 30. Grails 1.3.7에서 JSON을 출력 할 수 있습니까?
완벽한! 실제로 이제는 '
'이 필요하지 않으므로 너비는 부모 div에 의해 자동으로 설정됩니다. 건배! –