span 이나 a tag에서 line-height가 먹지 않습니다.

TechNote Forum Forums Forum span 이나 a tag에서 line-height가 먹지 않습니다.

This topic contains 1 reply, has 2 voices, and was last updated by  cefm**** 11 months, 3 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #845

    technote
    Keymaster

    span tag나 a tag에서 줄바꿈 간격이 심한 것 같아 line-height 로 간격을 좁혀보려고 하는데 좁혀지지가 않습니다.

    반면 늘어나기는 늘어납니다.

    어떻게 하면 되나요?

    #846

    cefm****
    Participant

    https://css-tricks.com/forums/topic/line-height-not-working-inside-span/

     

    위 사이트를 보면 답이 있습니다.

    1. div tag로 바꾸어 line-height를 적용한다.
    2. display:block 속성을 적용한다.
    3. display:inline-block 속성을 적용한다.

     

    하나의 문단처럼 처리할 수 있는 tag라면 display:block을 주거나 div tag로 바꾸면 되고, 아니라면 tag는 그대로 사용하고 display:inline-block 속성을 주면 line-height를 통해 줄간격을 줄일 수 있습니다.

    • This reply was modified 11 months, 3 weeks ago by  cefm****.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.