2010-03-19 2 views
1

) 내가 아는 한, GridView’s RowStyle-HorizontalAlign 속성은 CSS의 text-align 속성을 덮어 써야하므로 GridView의 셀 안에있는 텍스트는 셀의 왼쪽에 위치해야하지만 대신 오른쪽으로 이동해야합니다. 왜 그런가요?GridView의 RowStyle-HorizontalAlign 속성이 CSS의 텍스트 정렬 속성을 덮어 쓰지 않아야합니까?

b) 마찬가지로 RowStyle-Font-Bold은 CSS의 font-weight 속성을 덮어 써야하므로 글꼴이 굵게 표시되지 않아야합니다. 그러나 CSS의 속성은 RowStyle’s Font-Bold 속성을 덮어 씁니다. 왜?

<div id="someClass">    
     <asp:GridView ID="gvwShowUsers" runat="server" > 
      <RowStyle BackColor="#FFFBD6" ForeColor="#333333" Font-Bold="false" 
       HorizontalAlign="Left" /> 
      <Columns> 
      <asp:BoundField DataField="UserName" HeaderText="UserName" /> 
      </Columns> 
     </asp:GridView> 
</div> 

CSS 파일 :

#someClass td 
{ 
    font-weight:bolder; 
    text-align:right; 
} 

고맙습니다


편집 :

해결 방법 대신 각 필드에 스타일을 적용하는 것 (예 : ItemStyle - 가로 맞춤)

<div id="someClass">    
     <asp:GridView ID="gvwShowUsers" runat="server" > 
     <RowStyle Font-Bold="false" HorizontalAlign="Left" /> 
      <Columns> 
      <asp:BoundField DataField="UserName" HeaderText="UserName"> 
       <ItemStyle HorizontalAlign="Left" Font-Bold="false" /> 
      </asp:BoundField> 
      </Columns> 
     </asp:GridView> 
    </div> 

그러나 심지어 ItemStyle을 적용한 후 페이지가 여전히 세포의 오른쪽에 텍스트를 표시하기 때문에, 내가 결정했습니다

소스 코드를 확인 :

나는 GridView’s 필드에 ItemStyle을 적용하여 시도 html 페이지가 사용자에게 보내졌고, <tr><td> 요소는 Align 속성이 left으로 설정되었으므로 ... 완전히 혼란스러워합니다! 여기

는 HTML 페이지의 소스 코드는 다음 #someClass td 선택보다 구체적이기 때문에

<table id="GridView1" style="font-weight:normal;"> 
    <tr align="center" style=" font-weight:bold;"> 
     <th scope="col">UserName</th> 
    </tr> 
     <tr align="right" valign="bottom" style="font-weight:normal;"> 
     <td align="right" style="font-weight:normal;"> Nancy</td> 
    </tr> 
</table> 
+0

나에게 적합합니다. 예를 들어 스타일을 만듭니다. Vas

답변

1

스타일이 <tr> 요소에 추가되는 경우, CSS 파일의 스타일이 이길 것이다.

대신 각 필드에 스타일을 적용하는 것이 좋습니다 (예 : ItemStyle-HorizontalAlign).

+0

과 같이 바운드 필드의 itemstyle에서 td.left {text-align : left;} 스타일을 참조하십시오. 스타일이 요소에 추가되면 CSS 파일의 스타일 #someClass td 선택 도구가 더 구체적이기 때문에 이길 것입니다. " 인라인 스타일 스타일은 항상 이기지 않습니다 (GridView.RowStyle-HorizontalAlign이 인라인 스타일이라고 가정합니다)? "해결 방법은 각 필드에 스타일을 적용하는 것입니다 (예 : ItemStyle-HorizontalAlign)." 나는 그걸 시도했지만 아무런 효과도 얻지 못했습니다. – AspOnMyNet

+1

Jerry MacGuire를 바꾸어 말하면, HTML을 보여주세요 :). CSS 규칙과 동일한 요소 *에 적용될 때 인라인 스타일이 적용되지만 부모 요소에 적용될 때는 적용되지 않습니다. body 태그의 스타일 속성에서 텍스트를 빨간색으로 만들었 기 때문에 CSS 규칙으로 지정된 녹색 단락을 사용할 수 없다는 것을 의미하지는 않습니다. –

+0

안녕하세요, 귀하의 회신에 대한 회신으로 초기 게시물을 수정했습니다 ... 도움이 필요하면 – AspOnMyNet

관련 문제