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

모든 응답(2)
P粉020085599

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

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

으아악
P粉085689707

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

으아아아
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!