- 11
- 국내산라이츄
- 조회 수 473
transform 속성을 이용해서 텍스트를 가운데 정렬을 했는데, 파폭에서는 창 크기가 줄어들면 글자 일부분이 사라지네요 ㄷㄷ
left: 50%;
top: 50%;
transform:translateX(-50%) translateY(-50%)
이렇게 적용되어 있는 상태인데, 크롬에서는 창이 줄면 텍스트가 두 줄이 될지언정 사라지는 일은 없었는데, 파폭에서는 창이 줄어들면 텍스트가 사라지네요... ㄷㄷ
작성자
댓글 11
신고
"NoYeah님의 댓글"
이 댓글을 신고 하시겠습니까?
(아니 왜때문에 아직도 표준이 아닌 게 존재하는거죠)
신고
"국내산라이츄님의 댓글"
이 댓글을 신고 하시겠습니까?
예전에 표준이 정해지기 전에 브라우저들마다 중구난방으로 태그를 사용하던 시절이 있었는데 그 잔여물이 아직 남아있는게 아닌가 싶네요.
신고
"NoYeah님의 댓글"
이 댓글을 신고 하시겠습니까?
Aㅏ...
신고
"국내산라이츄님의 댓글"
이 댓글을 신고 하시겠습니까?
근데 저도 잘 모름.
신고
"NoYeah님의 댓글"
이 댓글을 신고 하시겠습니까?
결론은 브라우저들이 잘못한걸로... (음?)
신고
"국내산라이츄님의 댓글"
이 댓글을 신고 하시겠습니까?
그래서 브라우저들이 동시에 사용하기로 함 표준이 좋은 겁니다
신고
"NoYeah님의 댓글"
이 댓글을 신고 하시겠습니까?
아 그렇군요... 아참 트랜스폼은 width를 100프로로 해서 잡았습니다.
신고
"국내산라이츄님의 댓글"
이 댓글을 신고 하시겠습니까?
그냥 css는 짜증나는걸로 ㅎㅎ
신고
"마카롱님의 댓글"
이 댓글을 신고 하시겠습니까?
(끄덕)
신고
"국내산라이츄님의 댓글"
이 댓글을 신고 하시겠습니까?
맞아요.
이 속성 적용하면 다른곳에서 삐걱하고 그거 고치면 다른곳에서 삐걱하고...
신고
"NoYeah님의 댓글"
이 댓글을 신고 하시겠습니까?
도다
transform 속성이 표준이 아니어서 그럴 겁니다.
많이 알려진 방법으로는 margin:auto; 값을 적용하는게 가장 많이 알려진 방법이고, html 태그로 감쌀 수 있다면