센터 데이터 목록에 없습니다.

Question

이것은 나를 미치게합니다. Visual Studio 2013을 사용하고 있습니다. 기본 웹 양식. 나는 데이터베이스의 일부 정보 (두 개의 필드)를 가지고 페이지 상단에 제목을 붙이고 싶다. 그것은 데이터를 잘 가져 오지만 내가 생각할 수있는 모든 것을 시도해 보았고 (그리고 구글에서 발견했다.) 페이지의 수평 중심에 데이터리스트를 표시 할 수 없다.

<div class="jumbotron"> 
    <h2> 
    <asp:DataList 
    id="DataList1" 
    DataSourceId="ds_NetInfo" 
    RepeatColumns="2" 
    Runat="server" class="text-center"> 
    <ItemTemplate> 
     <%#Eval("netwk_Name")%>- <%#Eval("netwk_Desc")%> 
    </ItemTemplate> 
    </asp:DataList> 
    </h2> 
</div> 

내가 시도 div의, 패널, CSS를 : 여기에

내가 가진 것입니다. 나는 분명히 뭔가를 놓친다. 이것은 그렇게 어렵지 않아야합니다. 어떤 아이디어라도 감사 할 것입니다.

감사합니다.

Answer 1

은 div에 다음 스타일을 추가 한 다음 DataList~100%의 폭을 설정합니다.

<div class="jumbotron" style="width:50%; margin: 0 auto;"> 
    <h2> 
    <asp:DataList 
    id="DataList1" 
    DataSourceId="ds_NetInfo" 
    RepeatColumns="2" 
    Runat="server" Width="100%" class="text-center"> 
    <ItemTemplate> 
     <%#Eval("netwk_Name")%>- <%#Eval("netwk_Desc")%> 
    </ItemTemplate> 
    </asp:DataList> 
    </h2> 
</div> 

당연히 당신은 인라인하지 않으려는 경우 CSS 스타일 항목으로 설정할 수도 있습니다.

Answer 2

개봉 태그 <div>에 CSS 속성 (예 : width)을 추가해보세요. 이를 추가하면 이미 코드 (CSS 시트, 부모 요소 등)에서 영향을 미치고있는 것에 따라 원하는대로 렌더링 할 수 있습니다.

는 예를 들면 : 당신이 코드에서

style="width:75%; margin: 0 auto;" 

:

<div class="jumbotron" style="width:75%; margin: 0 auto;"> 
    <h2> 
     <asp:DataList 
      id="DataList1" 
      DataSourceId="ds_NetInfo" 
      RepeatColumns="2" 
      Runat="server" Width="100%" class="text-center"> 
      <ItemTemplate> 
       <%#Eval("netwk_Name")%>- <%#Eval("netwk_Desc")%> 
      </ItemTemplate> 
     </asp:DataList> 
    </h2> 
</div>