在Chrome中呈现的ASP.NET代码看起来不同
我想知道为什么会出现以下代码：在Chrome中呈现的ASP.NET代码看起来不同,asp.net,google-chrome,Asp.net,Google Chrome,我想知道为什么会出现以下代码： <asp:ComboBox ID="DropDown1" runat="server" Width="30px" AutoCompleteMode=None AutoPostBack=false DropDownStyle=DropDown EnableViewState="True"> </asp:ComboBox> <asp:Literal ID="myid1" runat="server" Text="Day
<asp:ComboBox ID="DropDown1" runat="server" Width="30px" AutoCompleteMode=None
AutoPostBack=false DropDownStyle=DropDown EnableViewState="True">
</asp:ComboBox> <asp:Literal ID="myid1" runat="server" Text="Days"></asp:Literal>
<table width="100%" border=0 cellpadding=0 cellspacing=0>
<tr>
<td valign="bottom" width="1%"><asp:ComboBox ID="DropDown1" runat="server" Width="30px" AutoCompleteMode=None AutoPostBack=false DropDownStyle=DropDown EnableViewState="True"></asp:ComboBox></td>
<td valign="bottom" width="99%"> <asp:Literal ID="myid1" runat="server" Text="Days"></asp:Literal></td>
</tr>
</table>
<table width="100%" border=0 cellpadding=0 cellspacing=0>
<tr>
<td valign="bottom" width="1%"><asp:ComboBox ID="DropDown1" runat="server" Width="30px" AutoCompleteMode=None AutoPostBack=false DropDownStyle=DropDown EnableViewState="True"></asp:ComboBox></td>
<td valign="bottom" width="99%"> <asp:Literal ID="myid1" runat="server" Text="Days"></asp:Literal></td>
</tr>
</table>
是的，您确实需要学习一本关于HTML/CSS的好书。首先，组合框不是“标准”asp.net控件的一部分。我假设您正在为此使用asp.net AJAX工具包。由于组合框是一个复合控件，因此它不会呈现“干净的HTML”，例如：
首先，组合框不是“标准”asp.net控件的一部分。我假设您正在为此使用asp.net AJAX工具包。由于组合框是一个复合控件，因此它不会呈现“干净的HTML”，例如：
这是页面上唯一的代码吗？是否有任何包含元素会导致标签被包装？@ahmd0-当这些内容（css/html）没有正确学习时，有许多事情会让您感到惊讶。从头开始学习html/css。好吧，谢谢你的“建设性”评论，AVD:）至于其他代码，那么不，我将它添加到一个空的web应用程序项目中（正如我上面所展示的），它的行为与我解释的完全一样。那么，需要调整什么样的CSS才能使其在Chrome中工作呢？准确回答您的问题需要发布整个HTML和CSS，因为HTML和CSS允许以无限多种方式绘制组合框和标签。AVD提到的观点是，如果你不确定如何做到这一点，这本身就是一项极其基本的HTML/CSS任务，那么最好学习HTML/CSS的基础知识，以便从长远角度受益term@ahmd0，发布您的html（从查看源代码）和CSS。更好的方法是在jsfiddle.net上重现问题并发布链接。这是页面上唯一的代码吗？是否有任何包含元素会导致标签被包装？@ahmd0-当这些内容（css/html）没有正确学习时，有许多事情会让您感到惊讶。从头开始学习html/css。好吧，谢谢你的“建设性”评论，AVD:）至于其他代码，那么不，我将它添加到一个空的web应用程序项目中（正如我上面所展示的），它的行为与我解释的完全一样。那么，需要调整什么样的CSS才能使其在Chrome中工作呢？准确回答您的问题需要发布整个HTML和CSS，因为HTML和CSS允许以无限多种方式绘制组合框和标签。AVD提到的观点是，如果你不确定如何做到这一点，这本身就是一项极其基本的HTML/CSS任务，那么最好学习HTML/CSS的基础知识，以便从长远角度受益term@ahmd0，发布您的html（从查看源代码）和CSS。更好的方法是在jsfiddle.net上重现问题并发布链接。好吧，恕我冒犯，但这是一种相当“黑客”和丑陋的方法来解决一个可能用一两行CSS就能解决的问题。另外，你可以在几天后接受自己的答案。只有一个提示：总是在属性值周围加引号——你的一些属性值周围没有引号。谢谢你的输入，科里。我同意，这是一个“非常黑客”的解决方案，但毕竟，ASP.NET就是这样。我来自一个PHP世界，我自己总是使用CSS编写HTMLs，但是使用这个ASP.NET，这几乎是不可能的。我通过“查看源代码”命令查看了生成的HTML，代码变成了怪物！不管怎样，我花了几天时间深入研究CSS/ASP.NET的深度，看看原因是什么，最终放弃了。另一方面，为什么我需要将属性用引号括起来？HTML规范是这样说的吗？？？作为一个专业使用PHP和ASP.NET的人，你所说的大部分都是不正确的。使用CSS控制ASP.NET站点的布局与使用PHP一样容易。是的，ASP.NET会生成臃肿的标记，但有几件事可以防止它成为“怪物”。包装属性值只是一种很好的做法，就像在JavaScript中使用分号一样。引用并不总是必需的，但省略它们已经有好几年了。正如我上面所说的，我更喜欢自己编写HTML/CSS，而不是让微软的一些作品帮我完成。。。（同样，这可能只是我的观点，可能只有我一个人在这一点上。）那么也许你应该试试ASP.NET MVC2/MVC3，它不使用服务器控件。你可以用一个例子来控制你的HTML的外观。好吧，无意冒犯，但这是一个相当“黑客”和丑陋的方法来解决一个可能用一两行CSS就能解决的问题。另外，你可以在几天后接受自己的答案。只有一个提示：总是在属性值周围加引号——你的一些属性值周围没有引号。谢谢你的输入，科里。我同意，这是一个“非常黑客”的解决方案，但毕竟，ASP.NET就是这样。我来自一个PHP世界，我自己总是使用CSS编写HTMLs，但使用的是thi
<div id="DropDown1" style="display:inline-block;">
<table id="DropDown1_Table"
class="ajax__combobox_inputcontainer"
cellspacing="0"
cellpadding="0"
border="0"
style="display:inline-block;border-width:0px;border-style:None;border-collapse:collapse;position:relative;top:5px;">
<tr>
<td class="ajax__combobox_textboxcontainer">
<input name="DropDown1$TextBox"
type="text"
id="DropDown1_TextBox"
autocomplete="off"
style="width:30px;" />
</td>
<td class="ajax__combobox_buttoncontainer">
<button id="DropDown1_Button"
type="button"
style="visibility:hidden;"></button>
</td>
</tr>
</table>
<input type="hidden"
name="DropDown1$HiddenField"
id="DropDown1_HiddenField"
value="-1" />
</div> Days
<div style="display:inline-block">
<asp:ComboBox ID="DropDown1" runat="server" Width="30px" AutoCompleteMode=None AutoPostBack=false DropDownStyle=DropDown EnableViewState="True">
</asp:ComboBox>
</div>
<asp:Literal ID="myid1" runat="server" Text="Days"></asp:Literal>