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

고정 너비의 버튼으로 텍스트 감싸기

고정 너비의 HTML 버튼이 텍스트를 감싸지 않는 문제가 발생하는 경우 , 다음 접근 방식을 사용하는 것이 좋습니다.

텍스트 줄 바꿈이 포함된 고정 너비 버튼

white-space CSS 속성을 활용하여 버튼에 단어 줄 바꿈 기능을 부여할 수 있습니다. 공백: 일반을 설정하면 버튼 외부의 일반 텍스트처럼 텍스트를 나누도록 브라우저에 지시합니다.

예:

<code class="css">td.category_column input[type="submit"] {
  white-space: normal;
  /* Other CSS styles */
}</code>

설명:

제공된 코드 예제는 원본 HTML 조각의 버튼에 적용된 CSS 클래스에 공백: 일반을 추가합니다. 이렇게 하면 고정된 너비와 기타 스타일을 유지하면서 버튼의 동작이 수정됩니다. 결과적으로 버튼 내의 텍스트는 이제 일반적인 표 셀에서처럼 줄바꿈됩니다.

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