패딩이나 태그를 수정하지 않고 정렬되지 않은 목록 내의 범위에서 고정 너비를 달성하는 방법은 무엇입니까?

순서가 지정되지 않은 목록 내 범위에서 고정 너비 달성

순서가 지정되지 않은 목록으로 작업할 때 고정된 너비 뒤에 텍스트를 정렬하는 것이 바람직할 수 있습니다. -폭 범위. 단, 패딩을 수정하거나 태그를 추가/변경하는 것은 허용되지 않습니다. 다음 솔루션은 이러한 제한 사항을 위반하지 않고 이 목표를 달성할 수 있는 수단을 제공합니다.

CSS 사용

이상적인 접근 방식은 다음 CSS를 사용하는 것입니다.

span {
  display: inline-block;
  width: 50px;
}

이 솔루션은 Firefox 2 및 이전 버전을 제외한 모든 브라우저에서 효과적입니다. 이러한 레거시 브라우저의 경우 -moz-inline-box 값을 대신 사용하는 것이 좋습니다. 그러나 인라인 블록과 다르게 동작하며 특정 시나리오에서는 예상치 못한 결과가 발생할 수 있다는 점에 유의하세요.

위 내용은 패딩이나 태그를 수정하지 않고 정렬되지 않은 목록 내의 범위에서 고정 너비를 달성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!