사용자가 텍스트 필드에 텍스트를 입력하면 동적으로 표시하고 남아있는 문자 수를 씁니다. 버튼/링크 요소가 포함 된 래퍼를 계속 푸시합니다. 특정 단위 수. 버튼 래퍼가 고정 된 채로 있고 JavaScript가 동작 할 때 이동하지 않기를 바란다. 아래의 스크린 샷은 현재 진행 상황을 보여줍니다.CSS : 아래로 밀린 요소
이 방지 방법에 대한 모든 일반적인 제안
AFTER 전?
텍스트 상자 아래에 텍스트를 추가하는 방법을 모르겠지만 요소에 초기 visibility 값을 hidden으로 지정할 수 있습니다. 그것은 보이지 않지만 공간을 차지할 것입니다.
업데이트 :
당신도 미리 요소를 숨길 필요하지 않을 수 있습니다. 고정 된 높이를 지정하고 기본적으로 비어 있으면 잘 작동합니다.
레이블을 position: absolute으로 설정하십시오.
이렇게하면 레이아웃 엔진이 차지하는 공간을 무시하게됩니다.
또는 사용하지 않을 때는 visibility: hidden으로 설정할 수 있습니다.
숨겨진 경우에도 항상 공간을 차지합니다.
그런 다음 레이아웃을 적절하게 조정하여 적합하게 만들 수 있습니다.
문자를 왼쪽으로 절대 텍스트로 배치하십시오.
나는이 일이 앞으로 똑바로 가지 방법을 참조하십시오
메시지 또는 필드와 메시지를 포함하는 요소를 포함 할 요소에 대한 고정 된 크기를 지정을, 그래서 방은 메시지가 출발점에서.
메시지의 절대 위치 지정을 사용하면 다른 요소에 전혀 영향을 미치지 않습니다.
스크린 샷은 멋지다. 코드가 더 좋습니다. –