html - 태그 - 자바스크립트 css 적용




스팬에서 CSS에 모든 브라우저 호환 교수형 들여 쓰기 스타일을 만드는 방법 (2)

<span> 은 인라인 요소입니다. 들여 쓰기 걸기 라는 용어는 단락 (일반적으로 블록 요소를 의미)에 대해 언급하지 않는 한 의미가 없습니다. 물론 <p> 또는 <div> 또는 여타 블록 요소의 여백을 변경하여 단락 사이의 추가 세로 간격을 제거 할 수 있습니다.

컨텍스트에 따라 태그가 블록이나 인라인이되는 display: run-in 과 같은 것을 원할 수도 있습니다. 슬프게도, 이것은 아직 브라우저에서 보편적으로 지원되지 않습니다 .

내가 찾은 유일한 것은있었습니다.

.hang {
    text-indent: -3em;
    margin-left: 3em;
} 

이 작업을 수행하는 유일한 방법은 끔찍한보기 흉한 추가 선을 유발하는 단락에 텍스트를 넣는 것입니다. 차라리 단지 <span class="hang"></span> 유형의 것만 가지고 있으면 좋을 것 같습니다.

나는 또한 한 단계의 교수형보다 더욱 들여 쓰기 할 수있는 방법을 찾고 있습니다. 단락을 사용하여 들여 쓰기를 작동하지 않습니다.


ysth의 대답은 논쟁의 여지가있는 예외 중 하나입니다. 측정 단위는 글꼴의 크기와 일치해야합니다.

p {
  text-indent: -2en; 
  padding-left: 2en;
}

"3"도 적절하게 잘 작동합니다. "em"은 영문자 세트의 평균 문자보다 넓기 때문에 권장하지 않습니다. "px"는 다른 글꼴 크기로 텍스트 블록을 정렬하려는 경우에만 사용해야합니다.







indentation