CSS

개발 일지

iOS/Android flutter 웹뷰 렌더링 엔진 이슈 해결

2024.01.08

iOS flutter 웹뷰 환경에서 구동중인 next.js 프로젝트의 a 태그를 터치했을 때, 화면이 전환되었음에도 불구하고 a 태그의 잔상이 0.5초 정도 남아있던 이슈가 있었다. https://github.com/pichillilorenzo/flutter_inappwebview/issues/1553 Problem with afterimage remaining when button is clicked in iOS · Issue #1553 · pichillilorenzo/flutter_inappwebview [o] I have read the Getting Started section [o] I have already searched for the same problem Environment Techno..

HTML, CSS

[white-space] 태그에 줄바꿈이 맘대로 되지 않을 때

2023.07.03

white-space - white-space 는 엘리먼트 내 공백을 어떻게 다뤄야 하는지 설정하는 CSS 프로퍼티이다. - CSS 작업 중, 줄바꿈이나 공백을 표현하려고 할 때, 의도대로 잘 동작하지 않는 경우에 사용해볼 수 있다. 문법 /* Keyword values */ white-space: normal; // 공백 축소 처리. 개행문자(\n)는 공백과 동일하게 처리됨. white-space: nowrap; // 공백 축소 처리. 글자수가 많아지면 태그가 박스를 깨고 나감. white-space: pre; // 공백 보존(preserve). 개행은 개행문자와 엘리먼트에서 이뤄짐. white-space: pre-wrap; // 공백 보존. 개행은 박스 넓이, 개행문자, 에 의해 이뤄짐. white-..

iOS/Android flutter 웹뷰 렌더링 엔진 이슈 해결

[white-space] 태그에 줄바꿈이 맘대로 되지 않을 때

티스토리툴바