Web Programing Link/CSS

크롬에서 textarea 아래쪽에 약간의 여백이 저절로 생기는 것

발라키르카 2018. 4. 20. 12:54
반응형
IE에서는 그런 일이 없는데, 크롬에서 textarea를 만들어보면margin이 0이어도 바깥 아래쪽에 여백이 생긴다.검색해서 얻은 답은 다음과 같다.

It's because textarea is a replaced inline element.
textarea {
    display:block;
}

should solve your "problem".



즉, textarea가 inline 속성이기 때문이라는 것.이를 block 속성으로 바꿔주면 해결된다.
==========================================================

먼저 기본 코드.검은색 textarea가 있고, 그 바로 밑에 빨간색 div를 만들었을때크롬에서만 여백이 발생한다.




<크롬>






<IE>










그래서 textarea에 block 속성을 넣어주면 크롬에서도 정상적으로 보여진다.







<크롬>