HTML
(work-break="keep-all") 골치 아픈 이슈 발견해서 기록상 작성
주섬이
2022. 2. 10. 23:39
반응형
뒤에 필수표시(*)를 적용 시키려고 하다가 발견한 이슈로...
word-break="keep-all"이 아닌 경우에는 붙이기가 굉장히 쉬웠다.
그냥 position: absolute해서 우측에 가져다가 붙이면 되니까.
여기서 이제 모바일에서 단어 기준으로 끊으려고 하다 발견.
떨어지는 공백 '자차'의 크기만큼 영역이 유지되고 있다.
따라서 떨어지는 글자수의 값이 다르면 필수표시(*)의 위치 값도 달라진다.
중요한 이슈가 아니다보니, 그냥 줄 바꿈 처리를 위해서 문자열 끝에 붙이기로 했다.
반응형