찾다

 >  Q&A  >  본문

javascript - vue에서 루프아웃한 스팬 사이에는 공백이 없지만 직접 작성된 스팬 사이에는 공백이 있습니다. 이유는 무엇입니까?

으아악 으아악

디스플레이 효과는 아마도 다음과 같습니다:

aaabbbcccc ttt sss

앞쪽 고리 모양의 스판은 간격이 없는데 뒤쪽 스판은 간격이 있는 이유를 모르겠습니다.

PHPzPHPz2790일 전906

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

  • 阿神

    阿神2017-05-19 10:26:38

    display:inline 또는 display:inline-block 요소가 서로 인접해 있고 그 사이에 줄 바꿈이 있으면 자동으로 간격이 생성됩니다.
    줄 바꿈으로 인한 간격을 없애기 위해 이러한 요소의 상위 요소에 글꼴 크기:0;을 설정할 수 있습니다.

    ps: 이 경우 코드가 줄바꿈되지 않으면 공백이 발생하지 않습니다.

    회신하다
    0
  • 为情所困

    为情所困2017-05-19 10:26:38

    캐리지리턴과 라인피드를 강제로 적용한 경우 공백이 생깁니다

    회신하다
    0
  • 黄舟

    黄舟2017-05-19 10:26:38

    인라인 요소의 줄 바꿈은 공간을 차지합니다. 해결 방법은 #app;에서 글꼴 크기:0을 설정하는 것입니다. 이렇게 하면 줄 바꿈 크기가 0이 되고 말씀하신 공백이 발생하지 않습니다.

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