티스토리 뷰

See the Pen CSS - Position bottom center by zinee (@zineeworld) on CodePen.



한글로 적으니까 진짜 이상한데... 상황을 설명하자면, 

1. position: abolute로 특정 위치가 정해진 상태

2. 워딩에 따라 width는 유동적

3. 항상 중앙에 위치


보통 저런 경우에는 display: inline-block; width: auto; 해놓고 부모 요소에 text-align: center; 를 많이 하지만, position: absolute 상태여서 적용할 수 없었다. 다국어 지원을 하게 되면서 dynamic width로 인한 이슈가 늘 있다. 잠깐 헤맸지만 금방 해결책을 찾았다! transform: translate(-50%); !!







저작자 표시 비영리 변경 금지
신고
댓글
댓글쓰기 폼
«   2017/08   »
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    
글 보관함
Total
85,676
Today
4
Yesterday
162