목록의 브라우져별 줄간격 차이 조언 부탁드립니다
세움
2023.04.01
안녕하세요
연습도중에 익스와 파이어폭스가 줄간격 차이가 있어 조언을 얻고자 합니다
왼쪽것이 익스 오른쪽이 파이어 폭스인데 보시는데로 간격차이가 심하게 납니다
css는
li{float:left; margin-bottom:7px;}
li span{float:right;}
li a{float:left;}
이렇게 작성 했습니다
원래 브라우져 특성같은데
다르게 구성을 해야 되는건지 부탁드립니다.
-
한봄찬
수다님말씀하신것처럼 line-height:18px이나 15px을 주고 padding으로 맞추는게 좋을듯싶네요.
-
연하얀
본질적으로 브라우져의 간격차이가 다른데, 그걸 평준화 시킬 수는 없나요?
-
큰애
글이 지금처럼 한줄로 끊어질때는 높이값으로도 처리가 가능하지만 문제의 본질은 브라우저간 줄간격의 차이에 있습니다
body{line-height:18px} -
들샘
감사합니다 서주밀크님 덕분에 하나 알아갑니다
-
갤투
li 에 높이값을 주시면 될것같습니다
ul li{float:left;height:18px;padding:5px 0 0 10px;}
패딩값으로 여백조절해주시구요