>  Q&A  >  본문

UL 항목이 포함된 DIV 내에 어떻게 유지될 수 있나요?

<p>매우 간단한 설정이 있습니다. </p> <pre class="brush:php;toolbar:false;"><div class="container">
<p>모든 콘텐츠와 UL의 중요 항목이 div 내부에 있을 것이라고 생각했지만 현재는 그렇지 않습니다. </p> <p>UL의 글머리 기호는 div 외부에 나타나며 오버플로가 숨겨지면 실제로 사라집니다. </p> <p>나에게 이것은 어떤 면에서 문제가 있고 이 문제는 다양한 브라우저에 존재합니다. HTML 사양을 찾아봤지만 이것이 어떻게 발생해야 하는지에 대한 설명을 찾을 수 없습니다. </p> <p>CSS 수정 사항이나 기타 레이아웃 수정 사항이 있나요? </p>
P粉714780768P粉714780768424일 전528

모든 응답(2)나는 대답할 것이다

  • P粉020085599

    P粉0200855992023-08-23 21:12:32

    list-style-position: inside 작은 화면에서 여러 줄의 글머리 기호가 필요한 경우를 제외하고 대부분의 경우 잘 작동합니다. 이렇게 하면 텍스트 시작 부분이 아닌 글머리 기호에 맞춰 텍스트가 정렬되기 때문입니다.

    작은 여백을 허용하고 중앙 컨테이너를 덮도록 텍스트를 왼쪽 정렬하는 기본값 text-align: outside을 유지하면 글머리 기호 정렬 문제를 해결할 수 있습니다.

    으아악

    회신하다
    0
  • P粉085689707

    P粉0856897072023-08-23 00:14:09

    다음을 사용해야 합니다. list-style-position:

    으아아아

    회신하다
    0
  • 취소회신하다