복사: 항목에 여백을 추가하는 방법

Question

<p>순서가 지정되지 않은 목록이 있고 스타일을 없음으로 설정하여 기본 들여쓰기 공간을 만듭니다. <br /><br />여백과 패딩에 대한 제가 이해한 바는 여백이 요소의 외부 공간이라는 것입니다. 그래서 간격을 수정하기 위해 margin: 0 을 사용하려고 시도했지만 작동하지 않았습니다. padding: 0을 사용하면 li 항목에서 들여쓰기된 공간이 제거됩니다. <br /><br />이제 이 경우 여백은 없고 패딩은 있는 이유가 무엇인지 혼란스럽습니다.

<p><br /></p> <pre class="brush:css;toolbar:false;">ul { 목록 스타일 유형: 없음; 패딩: 0px; }</pre> <pre class="brush:html;toolbar:false;"><ul>

링크드인 </li> <p><br /></p>

Answer 1

브라우저 기본값은 여백 대신 UI에 패딩을 추가하는 것입니다. 따라서 padding: 0px를 사용하면 브라우저의 기본값이 무시됩니다.

오른쪽의 Computed 탭을 보면 브라우저 스타일 padding-left: 40px;

목록이 표시됩니다.

으아아아 으아아아