请教如何让datalist中的项不换行。

Question

我在datalist的  <ItemTemplate>中放置了一个table，一行一列，然后放了一个checkbox，界面效果不是我想要的，每一项都换了行输出，我想不换行，怎么处理，我把前台输出html代码：

<span id="ctl00_cph_city"><span>
<table class="tblRidge">
<tr>
<td>
<input id="ctl00_cph_city_ctl00_city" type="checkbox" name="ctl00$cph$city$ctl00$city" /><label for="ctl00_cph_city_ctl00_city">一线城市</label>
</td>
</tr>
</table>
</span><br /><span>
<table class="tblRidge">
<tr>
<td>
<input id="ctl00_cph_city_ctl01_city" type="checkbox" name="ctl00$cph$city$ctl01$city" /><label for="ctl00_cph_city_ctl01_city">二线城市</label>
</td>
</tr>
</table>
</span><br /><span>

我发现这里有生成了<br/>标签，不知道如何将它禁止掉，以免换行。

Answer 1

試著將 DataList 的 RepeatDirection 改為 Horizontal, RepeatColumns 改為 行的數目，

像以下這樣：

<asp:DataList ID="DataList1" runat="server" RepeatColumns="3" 
  RepeatDirection="Horizontal">
  <ItemTemplate>
    <asp:CheckBox ID="CheckBox1" runat="server" />
    <asp:Label ID="Label1" runat="server" Text='<%# Eval("name") %>'></asp:Label>
  </ItemTemplate>
</asp:DataList>

---

小中中的學習筆記

Answer 2

这样是可以，但是我想能不能嵌入一个表格在里边,而不换行：

<asp:DataList ID="DataList1" runat="server" RepeatColumns="3"
  RepeatDirection="Horizontal">
  <ItemTemplate>

<table>

<tr>

<td>
    <asp:CheckBox ID="CheckBox1" runat="server" />
    <asp:Label ID="Label1" runat="server" Text='<%# Eval("name") %>'></asp:Label>

</td></tr>

</table>
  </ItemTemplate>
</asp:DataList>

Answer 3

你好：

如果是要按你的需求来做。我建议最好使用Repeater控件。它里面的Item完全是灵活按你的html控件来显示的。而DATALIST需要输出它自身的一些HTML标签。

希望可以帮到你。