세로 레이아웃에서 문자 간격 사용 html

일본어 세로 html을 이해하려고합니다. 제 분석 중에 나는 많은 곳에서 콘텐츠가 letter-spacing : <Negative value>임을 발견했습니다. 가로 콘텐츠에서이 CSS 스타일을 사용하는 경우는 거의 없었지만 JP에서는 주로 숫자와 함께 사용했습니다. 이 형식 번호 일본 수직 내용으로 주로 사용 된 이유세로 레이아웃에서 문자 간격 사용 html

span.tcy { 
    -webkit-text-combine: horizontal; 
    -epub-text-combine: horizontal; 
    text-combine: horizontal; 
    font-size: 0.9em; 
    line-height: 0.9em; 
    text-indent: 0; 
    letter-spacing: -1px; 
}

및

.tcy { 
    -webkit-text-combine: horizontal; 
    -epub-text-combine: horizontal; 
    text-combine: horizontal; 
    font-size: 0.9em; 
    line-height: 0.9em; 
    text-indent: 0em; 
    letter-spacing: -1px; 
}

어느 한 날 자간의 CSS 스타일의 실제 사용 사례를 설명하고 있습니다. 감사합니다. .

출처

2017-12-19 Pavan Tiwari

letter-spacing 속성에 음수 값을 사용하면 글자를 단단하게 만듭니다.

모든 글꼴은 글자 사이에 공백이 없으므로 주로 디자인 목적으로이 트릭이 필요한 이유가됩니다.

일본의 수직 컨텐츠의 경우 "완벽한"컨텐츠를 얻으려면 문자 간격 속성과 줄 간격을 사용해야한다고 생각합니다.

나는 당신에게이 링크를 제공하고 있습니다. 아마도 도움이 될 것입니다. 스 니펫으로 게시물을 수정하는 것을 주저하지 않으시면보다 정확한 답변을 드릴 수 있습니다.

https://code.tutsplus.com/tutorials/the-easiest-way-to-create-vertical-text-with-css--net-15284

출처

2017-12-19 15:16:06

필자는 해킹이 아닌 수직 내용을 만들기 위해 쓰기 모드를 사용하고 있습니다. 위 내용은 저에게 유용했습니다. 내 질문은 세로 텍스트에 가로 숫자가있는 경우 그 번호가 줄의 경계를 넘지 않는다는 사실을 알게 된 다음 음수 글자 간격을 지정하는 목적이 무엇인지를 알아 냈습니다. 세로 텍스트에서 5 자리 숫자가 있으면 숫자가 자동으로 줄 너비에 맞춰 축소됩니다. 똑같은 것이 텍스트에도 적용됩니다. –

세로 레이아웃에서 문자 간격 사용 html

답변

관련 문제