0

我正在将仅带有普通 html 4.01 控件的经典 asp 页面转换为 asp.net 2.0 web

页。虽然我可以用等效的 asp.net 控件替换大部分控件，

但是我面临控件样式的问题。即控件熄灭

对齐，即使它们使用相同的样式信息。

前任：

旧代码

<p class="menuitem" id="menu01">
<a target="" href="Category.aspx?ccat_id=152&amp;language=en-GB&amp;publication=3">
<img height="7" width="12" src="Webroot/visual/arrow-navi-right.gif" border="0" alt="">Item 1</a>
</p>

新的替代品

<p class="menuitem" id="menu01">
<asp:LinkButton ID="LinkButtonManual" runat="server" PostBackUrl="~/Category.aspx?ccat_id=152&amp;language=en-GB&amp;publication=3">
  <asp:Image id="imgLinkManual" runat="server" Width="12" Height="7" ImageUrl="~/visual/arrow-navi-right.gif" ImageAlign="Left"/>
  <asp:Label ID="LblManual" runat="server" Text="Item 1"/>
</asp:LinkButton>
</p>

在这种情况下，理想情况下，图像和标签应该看起来像

必需的

但实际上它表现为

问题

由于没有对图像（因为它们只是图标）进行处理

服务器端。我是否应该限制使用旧方式，即使用旧的 html 控件。

非常感谢您的时间。

4

3 回答 3

0

其实这行得通。在段落级别添加文本对齐的样式属性。 style="text-align:left"里面

堵塞

<p class="menuitem" id="menu01" style="text-align:left">

<asp:LinkButton ID="LinkButtonManual" runat="server" PostBackUrl="~/Category.aspx?ccat_id=152&amp;language=en-GB&amp;publication=3">
<img Width="12" Height="7" alt="" src="visual/arrow-navi-right.gif.gif">
<asp:Label ID="LblManual" runat="server" Text="Item 1"/>
</asp:LinkButton>

</p>

那么，如果我遵循这种方法，你们会发现性能/编码风格有什么问题吗？

于 2012-06-11T12:33:07.460 回答
0

ASP.NET 图像呈现为 HTML 图像，因此您应该检查 ASP.NET 图像的源代码，而不是 ASPX 代码。然后，您将能够比较 2 段代码，看看有什么不同。

但是，查看您的代码，我可以ImageAlign在您的 ASP.NET 图像上看到一个您在原始 HTML 图像上没有的属性。

同样在您的原始 HTML 代码中，您只需Item 1.，而在您的 ASP.NET 代码中，您有一个带有Item 1文本值的 ASP.NET 标签。Alabel呈现为span标签。相反，您应该使用Literal控件，因为它不会呈现任何 HTML 标记。

尝试更改为：

<asp:LinkButton ID="LinkButtonManual" runat="server" PostBackUrl="~/Category.aspx?ccat_id=152&amp;language=en-GB&amp;publication=3">
  <asp:Image id="imgLinkManual" runat="server" Width="12" Height="7" ImageUrl="~/visual/arrow-navi-right.gif" /><asp:Literal ID="LtlManual" runat="server" Text="Item 1" />
</asp:LinkButton>
于 2012-06-11T12:10:37.040 回答
0

如果ImageAlign="Left"在 ASP 控件中使用，它与align="left"在普通 HTML<img>标记中使用相同。该标签的行为可以在这里找到：

http://www.htmlcodetutorial.com/images/_IMG_ALIGN.html

我认为<img>当您不需要服务器端交互时最好使用 html 标签，但您也可以删除ImageAlign="left"并获得相同的结果。

于 2012-06-11T12:17:30.133 回答