在表格单元格中放置了额外的空间答案

【问题标题】：Extra space being put in table cell在表格单元格中放置了额外的空间
【发布时间】：2011-01-05 18:54:05
【问题描述】：

由于某种原因，这段代码：

<td id="ddlHolidayCity" colspan="3">
                    <% for (int i = 0; i < Model.Trx.TransactionHolidayCityCollection.Count; i++)
                        {%>
                            <%=i > 0 ? "," : ""%>
                            <%=DropDownData.HolidayDays().ToList().Find(item => item.Value == Model.Trx.TransactionHolidayCityCollection[i].HolidayCityID.Value.ToString()).Text%>
                        <%}
                    %>
                    </td>

正在显示这样的城市：

纽约、伦敦

-- 看到逗号前的多余空格了吗？这是哪里来的？？？

【问题讨论】：

您的数据源中的纽约（“纽约”）后面是否有多余的空格？
看起来不错 - 也许我遗漏了一些东西，但城市名称在哪里输出？您确定它们在退出集合之前不包含任何前导/尾随空格吗？
查看源代码时是换行符吗？你可以使用你的 TransactionHolidayCityCollection 并调用 Join() 吗？

标签： .net asp.net html

【解决方案1】：

它可能来自换行符或其他一些空白字符，就在转义 HTML 以评估 i 之前。因为它在for 循环内，所以它被添加到输出中。试试如果尖括号之间的空格被删除会发生什么：

<td id="ddlHolidayCity" colspan="3">
                    <% for (int i = 0; i < Model.Trx.TransactionHolidayCityCollection.Count; i++)
                        {%><%=i > 0 ? "," : ""%>
                            <%=DropDownData.HolidayDays().ToList().Find(item => item.Value == Model.Trx.TransactionHolidayCityCollection[i].HolidayCityID.Value.ToString()).Text%>
                        <%}
                    %>
                    </td>

【讨论】：

+1。 HTML 输出中的任何空白（包括换行符）都会在页面上呈现为单个空格。

【解决方案2】：

要测试这一点，请将代码更改为一行。删除 %>

<td id="ddlHolidayCity" colspan="3">                     <% for (int i = 0; i < Model.Trx.TransactionHolidayCityCollection.Count; i++)                         {%>                             <%=i > 0 ? "," : ""%>                             <%=DropDownData.HolidayDays().ToList().Find(item => item.Value == Model.Trx.TransactionHolidayCityCollection[i].HolidayCityID.Value.ToString()).Text%>                         <%}                     %>                     </td>

【讨论】：