html - 圆 Angular 表格 HTML 在数据增加时被削减

Question

我有一个 HTML 表格，每个 td 都有一个圆 Angular 图像我把图像放在一起并设法得到圆 Angular 表格。这是它的样子，

这是下面的 HTML 和 css

<table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" frame="void"
    style="width: 100%;">
    <tr>
        <td width="1%">
            <img alt="" src="Images/frame_top_left.jpg" />
        </td>
        <td class="top_frame">
        </td>
        <td width="1%" align="right">
            <img alt="" src="Images/frame_top_right.jpg" />
        </td>
    </tr>
    <tr>
        <td>
            <img alt="" src="Images/frame_bottom_left.jpg" />
        </td>
        <td class="bottom_frame">
        </td>
        <td align="right">
            <img alt="" src="Images/frame_bottom_right.jpg" />
        </td>
    </tr>
</table>

这是CSS

现在，只要有数据放置，数据就会动态地放置在带有 css 类“bottom_frame”的 td 中，整个表都会在此处发生变化，这是放置数据时的样子

这是插入的 HTML 数据的图像。

我如何让我的 table 在没有任何损失的情况下得到维护？？？？

感谢和问候，弗朗西斯·P.

Answer 1

您最好在表格中再添加一行以在其中放置内容。像这样:

<table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" frame="void"
style="width: 100%;">
<tr>
    <td width="1%">
        <img alt="" src="Images/frame_top_left.jpg" />
    </td>
    <td class="top_frame">
    </td>
    <td width="1%" align="right">
        <img alt="" src="Images/frame_top_right.jpg" />
    </td>
</tr>
<tr>
    <td colspan="3" class="middle_frame">
        -- Put your content right here --
    </td>
</tr>    
<tr>
    <td>
        <img alt="" src="Images/frame_bottom_left.jpg" />
    </td>
    <td class="bottom_frame">
    </td>
    <td align="right">
        <img alt="" src="Images/frame_bottom_right.jpg" />
    </td>
</tr>
</table>