Question

<table class="data-table">
    <tr>

        <th style="width: 200px;">
            DescriptionDescription <%--in this case <td> is resized--%>
        </th>
    </tr>
<% foreach (var item in Model) { %>

    <tr>
        <td style="width: 200px;">
            <%= Html.Encode(item.Description) %>
        </td>
    </tr>
  <% } %>
</table>

浏览器html：

    <table class="data-table"> 
        <tr> 
          <th style="width: 200px;"> 
            Description
          </th> 
        </tr> 
        <tr> 
          <td > 
           This is description
          </td>    
    </tr> 
   </table>

为什么这个td大小不适用于View页面？在VS 2008的设计视图中应用td大小，但在我的浏览器中运行项目后没有指定大小

Answer 1

我尝试了以下代码并按预期呈现：

<table class="data-table">
    <tr>

        <th style="width: 200px;">
            Description
        </th>
    </tr>
<% foreach (var item in Model) { %>

    <tr>
        <td style="width: 200px;">
            <%= Html.Encode(item.Description) %>
        </td>
    </tr>
<% } %>   
</table>

哪个输出以下HTML：

<table class="data-table">
    <tr>

        <th style="width: 200px;">
            Description
        </th>
    </tr>
    <tr>
        <td style="width: 200px;">
            1
        </td>
    </tr>
</table>

如果这是你实际拥有的代码并且它没有呈现样式标记，那么我不知道它为什么不起作用。正如我上面所示，您在问题中提供的内容与正确定位的支撑完美配合（即使支撑定位只会导致错误的HTML而不是删除样式元素......）。

修改

对我来说听起来更像是你没有看到正确的网站，或者你没有关闭并重新打开浏览器源窗口。代码本身似乎没有任何问题，除非你提供的代码当然不适合你正在查看的视图输出。

Answer 2

不确定为什么删除了style属性。但作为替代方案，您可以使用css：

<style>
table.data-table td{width:200px;background-color:red;}
</style>
<table class="data-table"> 
        <tr> 
          <th style="width: 200px;"> 
            Description
          </th> 
        </tr> 
        <tr> 
          <td > 
           This is description
          </td>    
    </tr> 
</table>

指定的td大小

2 个答案: