如何使用特定高度和宽度的文字控制来呈现 html 内容

Question

我有一个名为模板管理的页面用于列出所有可用的 html 模板。现在我在使用特定的高度和宽度设置文字控件时遇到问题。

这是我的页面源代码，其中包含关于如何将此 html 内容设置为文字控制的一般想法：

<ItemTemplate>
<div class="thumb" align="center" style="height:150px;width:130px">
<table width="100%" align="center">
<tr>
<td>
<asp:Literal ID="Literal4" runat="server" Text='<%# Eval("TemplateBody")%>'></asp:Literal>
<ajaxToolkit:HoverMenuExtender ID="hme1" runat="Server" 
TargetControlID="Literal4" 
PopupControlID="Panel2" 
DynamicContextKey='<%# Eval("Id") %>'
DynamicControlID="Panel2"
DynamicServiceMethod="GetDynamicContent" 
PopupPosition="Right" 
OffsetX="-25" 
OffsetY="15"/>
</td>
</table>
</div>
<table width="50%" align="left" style="border-color:Black;border-style:solid;border-width:1px;">
<tr>
<td align="center">
<table>
<tr>
<td><asp:CheckBox ID="ChkSelect" runat="server" onclick = "Check_Click(this)"/></td>
<td><asp:LinkButton ID="LinkButton2" runat="server" CssClass="quicklink" 
Text='<%# Eval("TemplateName") %>' CommandName="ViewTemplate" 
CommandArgument='<%# Eval("Id") %>'></asp:LinkButton>
<br/>
<asp:Label ID="Label2" runat="server" CssClass="normaltext" 
Text='<%# DataBinder.Eval(Container.DataItem, "CreatedDate", "{0:dd/MM/yyyy}") %>' 
ToolTip='<%# Bind("CreatedDate","{0:F}") %>'></asp:Label></td>
</tr>
</table>
</td>
</tr>
</table>
</ItemTemplate>

有人可以建议如何解决这个问题吗？

Answer 1

使用 iframe 并将所有内容设置为固定的高度和宽度。这里使用 ie 不支持的 srcdoc，但所有浏览器都显示它的内容具有固定的高度和宽度。

如何使用特定高度和宽度的文字控制来呈现 html 内容

how to render html content with literal control of specific height and width

html

asp.net-4.0