li 최근 게시물 높이가 브라우저마다 다른 이유가 뭘까요?

li로 최근 게시물을 만들었는데 브라우저마다 줄 높이가 달라요.
패딩과 마진을 조정해도 해결되지 않네요.
IE 일부에서는 줄이 맞는데 파이어폭스, 크롬, 사파리 등에서는 다르게 보여요.
어디를 확인하면 좋을까요?

댓글 10

  • 매1혻적 2024.12.05

    요즘은 text-overflow: ellipsis와 white-space: nowrap, overflow: hidden으로 글자를 줄이기도 해요.

  • 똥덩어리 2024.12.05

    퍼블리싱은 방법이 다양하죠^^ 멋진 퍼블리셔 되세요~

  • 파라 2024.12.05

    와, 좋은 정보네요.
    저는 늘 float을 썼는데 span을 inline-block으로 바꿔서 해결했어요 ㅎㅎ

  • 라온제나 2024.12.05

    알면 알수록 재미있는 퍼블리싱이죠 ㅎㅎ

  • AngelsTears 2024.12.05

    다시 작업하면서 큰 도움이 됐어요.
    웹 표준을 공부 중인데 생소한 내용이 많아 활용법을 놓칠 때가 있네요. 정말 감사합니다.

  • 에드워드 2024.12.05

    감사합니다. 도움이 됐다니 다행이에요^^

  • 나려 2024.12.05

    정말 감사합니다.
    돌아가서 작업해보겠습니다. 알려주신 내용 잊지 않을게요.
    도움 주셔서 감사하고 좋은 일 가득하시길 바라요^^

  • 민트 2024.12.05

    span에 float:right 대신 position:absolute와 right를 주고, li에는 position:relative와 적당한 오른쪽 여백을 주면 돼요 ㅎㅎ

  • 홀림길 2024.12.05

    알려주신 방법을 참고해보니 감이 잡히네요.
    제목 뒤에 날짜가 붙어 있어서 span을 오른쪽으로 보내면 브라우저에 따라 줄 높이가 달라지는 문제가 생겨요.

  • 달달항사탕 2024.12.05

    li의 line-height를 조정해보세요.
    높이를 크게 설정했을 때 전체 줄 높이가 같아진다면 행간 차이일 수 있어요.