<asp:GridView>
        <Columns>
        <asp:TemplateField>
        <ItemTemplate>               <div style="float:left;">
            </div>        </ItemTemplate>
        </asp:TemplateField>
        </Columns>
              
 </asp:GridView>
我做个相册,每个图片一个div,用gridview绑定的数据,div肯定是要float:left的,但是我上面那样写不行啊,问题出在哪里?新手求教!!

解决方案 »

  1.   

    gridview生成的html是table,float又能如何
      

  2.   

    先做出静态效果,然后在嵌套下rep 就好了。不要边做,边考虑样式
      

  3.   


    实际,是行的,但你内面只有一个DIV,所以你看不到效果。明白楼主的意思了你要这样弄
    <div style="float:left;">
    <asp:GridView>
      <Columns>
      <asp:TemplateField>
      <ItemTemplate>     <div>  </div>  </ItemTemplate>
      </asp:TemplateField>
      </Columns>
        
     </asp:GridView>
    </div>
      

  4.   

    把图片生成缩略图 固定大小 正好填充Gridview单元格
      

  5.   


    用listview+DataPager自由度更高些,定制比gridview简单,分页也很容易,看例子吧<asp:ListView ID="listView" runat="server" DataSourceID="LinqDataSource1" EnableModelValidation="True">
            <LayoutTemplate>
                <ul id="qalist" style="text-align: left">
                    <li style="list-style: none; font-size: 24px; font-weight: bold">
                        <center>
                            咨询列表
                        </center>
                        <br />
                    </li>
                    <li id="itemPlaceholder" runat="server"></li>
                </ul>
                <div style="width: 100%; margin-top: 6px">
                    <asp:DataPager ID="DataPager" runat="server" PageSize="20">
                        <Fields>
                            <asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" ShowLastPageButton="True"
                                FirstPageImageUrl="images/first.gif" LastPageImageUrl="images/last.gif" NextPageImageUrl="images/next.gif"
                                PreviousPageImageUrl="images/previous.gif" />
                        </Fields>
                    </asp:DataPager>
                </div>
            </LayoutTemplate>
            <ItemTemplate>
                <li style="list-style: none; margin: 0 10px" onmousemove="this.style.backgroundColor='lightblue'"
                    onmouseout="this.style.backgroundColor='#FFFFFF'"><span style="margin-left: 15px;
                        display: block; width: 350px; float: left"><a href="qaview.aspx?id=<%#Eval("QAID")%>"
                            target="_blank">
                            <%#Eval("QTitle")%></a></span><span style="display: block; width: 180px; float: left">
                                <%#DateTime.Parse(Eval("QDate").ToString()).ToLongDateString()%></span>
                    <%#bool.Parse(Eval("Answered").ToString()) ? "<span style='color:green'>已回复</span>" : "<span style='color:red'>未回复</span>"%>
                </li>
            </ItemTemplate>
        </asp:ListView>
      

  6.   

    我强烈建议你用 datalise空间,TABLE模式,可以自己控制 横向平铺或者纵向平铺, 可以设定平铺个数(COLUMNSCOUNT).不要为DIV+CSS 而DIV+CSS .
     既然是.NET控件