위치가있을 때 왼쪽 속성을 제거하는 방법 : 절대?


137

특정 언어를 선택할 때 사이트 CSS를 RTL 버전으로 재정의하고 있습니다.

절대 위치 지정이 필요한 요소가 있습니다. LTR 버전에서는 내가 left: 0px;하고 왼쪽에 정렬됩니다. RTL 버전에서는와 반대의 작업을 원 right하지만 left속성이 재정의되지 않으므로 여전히 왼쪽에 유지됩니다.

  • 로 해킹을 시도했지만 !important작동하지 않았습니다.
  • 설정을 시도했지만 left: none작동하지 않았습니다.

재정의하는 동안 어떻게 none으로 설정하거나 완전히 제거 할 수 있습니까?


다음과 같은 특정 CSS 속성 만 제거하려면 left:var cssObject = $('selector').prop('style'); cssObject.removeProperty('left');
ilgaar

답변:


321
left:auto;

이는 기본값으로 left브라우저의 기본값으로 다시.


따라서 Markup / CSS가 다음과 같은 경우 :

<div class="myClass"></div>

.myClass
{
  position:absolute;
  left:0;
}

RTL을 설정할 때 다음으로 변경할 수 있습니다.

<div class="myClass rtl"></div>

.myClass
{
  position:absolute;
  left:0;
}
.myClass.rtl
{
  left:auto;
  right:0;
}

20

앞으로는 left: unset;왼쪽 값을 설정 해제하는 데 사용할 것 입니다.

현재 4 11 월 2014 unset는 Firefox에서만 지원됩니다.

MDN에서 설정 해제에 대해 자세히 알아보십시오.

내 생각에 우리는 IE 11이 올바르게 단계적으로 폐지 된 2022 년경에 사용할 수있을 것입니다.


IE는 "IE"를 "I'llever diIE"에 넣습니다.
adam rowe

1
10565+ 지원이 2017 년 마이크로 소프트 에지 빌드의 끝에서
타 라스 Yaremkiv

right반응 형 변경을위한 위치 를 정리하기 위해 방금 사용 했습니다. (Chrome에서) 완벽하게 작동했습니다.
SenAnan

1
left: initial

left브라우저 기본값으로 다시 설정 됩니다.

그러나 알아야 할 중요한 것은 property: initialIE에서 지원되지 않습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.