고정 너비 HTML 버튼에서 텍스트 줄 바꿈을 만드는 방법은 무엇입니까?

고정 너비 HTML 버튼에서 텍스트 줄바꿈을 제어하는 ​​방법

미리 정의된 너비가 있는 HTML 버튼에서는 텍스트가 깨지지 않는 경우가 많아 어색한 잘림. 이 기사에서는 표 셀과 같은 버튼 텍스트를 매끄럽게 줄 바꿈할 수 있는 이 문제에 대한 솔루션을 살펴봅니다.

실패한 접근 방식 중 하나는 word-wrap 속성을 사용하는 것입니다. 직관적으로 보일 수도 있지만 문자 중간에서 단어가 잘릴 수 있습니다.

대신 핵심은 공백 CSS 속성에 있습니다. 버튼을 보통으로 설정하면 일반 텍스트처럼 텍스트가 잘립니다.

<code class="css">white-space: normal;</code>

다음 버튼을 고려하세요.

<code class="html"><input type="submit" ... style="width: 200px; white-space: normal;">Roos Sturingen / Sensors</input></code>

공백 속성을 다음으로 설정합니다. 일반적으로 텍스트는 보기 흉한 단어 분할을 방지하면서 고정 너비 내에서 우아하게 줄 바꿈됩니다.

위 내용은 고정 너비 HTML 버튼에서 텍스트 줄 바꿈을 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!