CSS는 다른 기술 없이 수평 버튼을 구현합니다.

Question

<p>가장 긴 버튼의 너비를 기준으로 너비가 동일한 두 개의 수평 버튼을 만들려고 합니다. </p>

<li>각 버튼의 텍스트 내용은 별도의 페이지에서 사용자가 조정할 수 있습니다. 따라서 텍스트 길이/첫 번째 버튼과 두 번째 버튼의 텍스트 길이를 제어할 수 없습니다. </li> <li>버튼이 가장 긴 텍스트의 길이에 맞게 조정되지만 페이지 너비(예: 모바일 장치)를 초과하지 않기를 원합니다. </li> <li>버튼이 기본적으로 가로로 표시되기를 원하지만, 가로로 표시되지 않으면 열로 쌓이게 됩니다. </li> <li>전체 텍스트가 맞지 않으면 버튼의 텍스트를 줄 바꿈해야 합니다. </li> </ul> <pre class="brush:php;toolbar:false;"><div class="버튼-컨테이너"> <div class="horizontal-button" data-role="yes">예

Answer 1

이 옵션을 시도해 보겠습니다. 이 접근 방식에서 마음에 들지 않는 점은 무엇입니까?

으아악 으아악

A: 이 경우 컨테이너/버튼은 페이지의 전체 너비를 차지합니다. 텍스트 너비에 맞춰 조정되지 않습니다.

Q: 알겠습니다. 그럼:

으아악 으아악