탭 사이에 간격 요소 또는 간격을 추가하는 방법은 무엇입니까? 나는 그들을 분리시켜야한다.Extjs의 탭 사이의 간격 자
3
A
답변
2
{
xtype: 'tbfill'
}
또는
그렇게 할 수있는 구성 요소를 통해 방법은 없습니다{
xtype: 'tbspacer'
}
또는
{
xtype: 'tbseparator'
}
1
, 당신은 예를 들어, CSS의 탭의 여백, 오버라이드 (override) 할 것이다 :
을ul.x-tab-strip li {
margin-left: 8px;
}
에 적용해야하는 경우 그런 다음 특정 탭에서 해당 ID 또는 특수 클래스를 제공하고 이에 따라 CSS를 조정합니다.
3
tabConfig에서 여백을 사용하십시오. 탭의 왼쪽 20pt를 사용하려는 경우 tabConfig: { xtype: 'tab', margin: '0 0 0 20' }
+0
좋은 팁! 탭을 그룹화하려면 음수의 오른쪽 여백을 사용할 수도 있습니다. 그러면 부분적으로 겹칠 것입니다. –
관련 문제
- 1. 두 div 사이의 수직선 간격 자
- 2. 리 사이의 간격 제거
- 3. 간격 사이의 요소 선택 방법
- 4. 텍스트 줄 사이의 간격 제거
- 5. 테이블 행 사이의 간격 늘리기
- 6. XML : 요소 사이의 가로 간격 및 줄 간격
- 7. CSS 세로 간격 문제 (여백?) - 두 사업부 사이의 수직 간격
- 8. TableViewer의 필드 사이의 탭
- 9. WPF : 스택 패널의 요소 사이의 간격
- 10. 모든 GPS 수정 사이의 간격 설정
- 11. CATextLayer 및 문자 사이의 추적/간격
- 12. 요소 또는 div 사이의 무작위 간격
- 13. 드롭 다운 메뉴 사이의 간격 제거
- 14. Android 레이아웃 - 이미지 버튼 사이의 간격 설정
- 15. 캔버스에서 그리기 사이의 간격 설정 (C#)
- 16. UIScrollView 및 PageControl :보기 사이의 간격
- 17. 탭 키가없는 컨트롤 사이의 "Tab"
- 18. Vim에서 가변 폭 탭 간격 구성
- 19. 시간 간격 내에서 단일 탭 제스처를 확인하십시오.
- 20. Regex - 2 자 사이의 텍스트 일치
- 21. ExtJs의 이벤트
- 22. jQuery Masterpage가있는 탭 - 탭과 탭 내용 사이의 공간
- 23. JFreeChart의 간격
- 24. 브라우저와 탭 사이의 상위 수준은 무엇입니까?
- 25. Android 애플리케이션에서 탭 사이의 간격을 제거하려면 어떻게해야합니까?
- 26. 탭 위젯 사이의 간격을 제거하려면 어떻게해야합니까?
- 27. WPF : 공백 문자가없는 <span> 사이의 간격
- 28. CSS에서 인라인 요소 사이의 간격 크기를 어떻게 설정할 수 있습니까?
- 29. Extjs의 뷰포트는 무엇입니까
- 30. extjs의 보안 문제
이는 툴바 용이며 탭이 아닙니다. –