li로 최근 게시물을 만들었는데 브라우저마다 줄 높이가 달라요.
패딩과 마진을 조정해도 해결되지 않네요.
IE 일부에서는 줄이 맞는데 파이어폭스, 크롬, 사파리 등에서는 다르게 보여요.
어디를 확인하면 좋을까요?
li 최근 게시물 높이가 브라우저마다 다른 이유가 뭘까요?
한내 2024.12.05 댓글 10
한내 2024.12.05 댓글 10
li로 최근 게시물을 만들었는데 브라우저마다 줄 높이가 달라요.
패딩과 마진을 조정해도 해결되지 않네요.
IE 일부에서는 줄이 맞는데 파이어폭스, 크롬, 사파리 등에서는 다르게 보여요.
어디를 확인하면 좋을까요?
매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를 조정해보세요.
높이를 크게 설정했을 때 전체 줄 높이가 같아진다면 행간 차이일 수 있어요.