찾다

 >  Q&A  >  본문

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

<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>
  • P粉037215587P粉037215587479일 전471

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

  • P粉511757848

    P粉5117578482023-08-03 11:14:58

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

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

    목록이 표시됩니다.


    으아아아 으아아아

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