의 ExtJS 정렬 속성 항목

Question

에 대한 I는 다음과 같습니다 항목이 : 나는 그것을 정렬하려면 중심을 시도하고

items: [{ 
       xtype: 'box', 
       html: '<img src="http://chart.apis.google.com/chart?mychart" alt="" style="text-align:center" />', 
       name: 'first', 
       id: 'first', 
       align:'center', 
       style: 
       { 
        float:'left', 
        padding: '0px 0px 10px 0px', 
       }, 
       width:'100%' 
      }] 

, 내가 시도 패딩 아래 (사용자 정의 스타일에서 퍼팅을 :)하지만 인식 말한다 문자 "텍스트 정렬". 나는 또한 아무것도하지 않고있는 align : 'center'를 넣으려고했으나 오류는 발생하지 않았다.

필자가 마지막으로 한 일 (필사적으로) 필자는 텍스트 정렬을 위해 인라인 스타일로 추가했지만 내부에는 실제 HTML이 아닌 스타일을 필요로하는 상자를 추가했습니다.

설명서를 살펴본 결과 스타일 문서에서 텍스트 정렬을 찾을 수 없습니다.

감사합니다.

Answer 1

따옴표없이 text-align을 사용하면 개체 리터럴에 유효한 구문이 아닙니다. c.f. "JSON syntax for property names".

style: { 
    ... 
    text-align: 'center' 
    ... 
} 

은 ... 대신 당신이 vertical-align 또는 text-align보다는 line-height 더 많은 행운을 가질 가능성이있는 것처럼

style: { 
    ... 
    "text-align": 'center' 
    ... 
} 

또한 소리 ...해야한다.

Answer 2

텍스트 정렬은 당신이 여기에 선택의 부부가, 자식 요소에서 작동 :

1. 이 = "중간"valign 같은 비추천 HTML 속성을 사용하여 = "센터"정렬을 현재 요소에서 작동하는 .
2. img 주위에 div를 놓은 다음 style = "text-align : center"를 입력하십시오. text-align은 인라인 요소에서만 작동한다는 점을 기억하십시오. (img는 인라인입니다.)