CSS에서 글머리 기호와 목록 항목 사이의 간격을 어떻게 제어할 수 있나요?

CSS: 글머리 기호와 목록 항목 사이의 거리 조절

문제:

글머리 기호와 목록 항목 사이의 가로 간격 조정 해당

순서가 있거나 순서가 없는 목록 내의 요소는 문제를 야기합니다. 설명하려면 다음을 고려하십시오.

* Some list text goes
   here.

원하는 결과:

공간을 다음으로 수정합니다. 획득:

*         Some list text goes
          here.

또는

*Some list text goes
 here.

해결책:

상대 위치 지정을 사용하여 범위 요소 내에 목록 항목의 콘텐츠를 묶습니다. 범위의 왼쪽 속성을 조작하여 원하는 간격을 제어할 수 있습니다.

li span {
  position: relative;
  left: -10px;
}

<ul>
  <li><span>item 1</span></li>
  <li><span>item 2</span></li>
  <li><span>item 3</span></li>
</ul>

위 내용은 CSS에서 글머리 기호와 목록 항목 사이의 간격을 어떻게 제어할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!