상위 DIV 없이 순서가 지정되지 않은 목록을 가운데에 맞추는 방법
CSS에서 왼쪽을 유지하면서 순서가 지정되지 않은 목록(
상위 div와 함께 제공된 코드 조각은 div에 text-align: center를 사용하고 ul에 display: inline-block을 사용하여 목록을 가운데에 배치합니다. 그러나 이 방법에는 상위 div 래퍼가 필요합니다.
상위 div 없이 순서가 지정되지 않은 목록을 가운데에 배치하려면
해결책은
이 효과를 달성하는 CSS 코드는 다음과 같습니다.
<code class="css">ul {
display: table;
margin: 0 auto;
}</code>설명하기 위해 다음은 제공된 HTML을 사용하지만 상위 div 없이 코드 조각을 보여줍니다.
<code class="html"><html>
<body>
<ul>
<li>56456456</li>
<li>4564564564564649999999999999999999999999999996</li>
<li>45645</li>
</ul>
</body>
</html></code>이 코드는 목록 항목을 왼쪽 정렬로 유지하면서 순서가 지정되지 않은 목록을 페이지 중앙에 배치합니다.
위 내용은 CSS에서 상위 Div 없이 정렬되지 않은 목록을 가운데에 배치하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
