[tip] safari에서 table caption hide 시 인식하지 못하는 오류

caption 태그에 position: absolute가 들어갔을 때 safari나 chrome에서 table의 너비를 인식하지 못해 레이아웃이 깨지는 문제 발생

 

caption{font-size: 0;text-indent: -9999px;}

position 말고 다른 방식으로 caption을 숨겨 해결

 

참고

https://abcdqbbq.tistory.com/97?category=843591 

[html 버그] safari, chrome 등 모바일에서 table 너비 인식(width) 문제 (<caption> 관련)