CSS 재설정 후 정렬되지 않은 목록에서 잘못 정렬된 두 번째 줄을 수정하는 방법은 무엇입니까?

CSS 재설정 후 ul 목록의 두 번째 줄 정렬 해결

CSS 재설정을 적용한 후 목록 항목의 텍스트 두 번째 줄이 총알. 이 잘못된 정렬은 CSS를 통해 list-style-position 속성을 조정하여 해결할 수 있습니다.

해결책:

list-style-position 속성은 글머리 기호가 목록 내부에 표시되는지 외부에 표시되는지를 결정합니다. 기본적으로 "내부"로 설정되어 글머리 기호 주위에 텍스트가 배치됩니다. "외부"로 변경하면 텍스트가 목록의 나머지 부분과 정렬됩니다.

그러나 이렇게 하면 글머리 기호와 목록 외부의 텍스트가 잘못 정렬될 수 있습니다. 이 문제를 해결하려면 목록 항목에 여백을 적용하세요.

ul li {
  list-style-position: outside;
  margin-left: 1em;
}

향상된 솔루션(2014년 3월 업데이트):

ul {
  list-style-position: outside;
  margin-left: 1em;
}

• 이 솔루션은 모든 속성을 ul 요소에 적용합니다. .
• em 단위는 들여쓰기에 사용되어 일관된 크로스 플랫폼을 보장합니다. 여백.
• 명확하고 간결한 설명으로 각 속성의 목적을 설명합니다.

위 내용은 CSS 재설정 후 정렬되지 않은 목록에서 잘못 정렬된 두 번째 줄을 수정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!