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

고정 너비 HTML 버튼의 텍스트 줄 바꿈

문제 설명:

사용자에게 다음과 같은 문제가 발생할 수 있습니다. 고정 너비의 HTML 버튼 내의 텍스트가 줄바꿈되지 않는 상황입니다. 자동 줄 바꿈을 사용하려고 시도했지만 사용 가능한 공간이 있어도 단어가 잘립니다.

해결 방법:

고정 너비를 사용하여 HTML 버튼에서 텍스트 줄 바꿈을 보장하려면, CSS 속성 활용:

white-space: Normal;<br>

이 속성은 텍스트를 복원합니다. 버튼 내에서 래핑하여 다른 테이블 셀처럼 동작하도록 합니다.

예:

다음 스니펫은 문제와 해결 방법을 보여줍니다.

< ;pre class="lang-html Prettyprint-override">

/>

white-space:normal;을 설정하면 텍스트가 200px 너비 내에서 줄바꿈됩니다. 버튼, 보기 흉한 잘림을 방지하기 위해 단어 경계를 깨뜨립니다.

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