Question

我想在我的网站上添加表格，在添加图片时不会改变高度或宽度。图片需要自动调整大小到td。我该怎么办？

＆＃13;

<table style="width:100%" border="1">
     <tr>
        <td style="width:34%"><!--Right-->
            <table border="1" style="width:100%">
                <tr>
                    <!--Symbol--><td>
                        <i class="fa fa-arrow-circle-right" style="font-size:72px"></i>
                    </td>
                    <!--Name--><td style="text-align:center"><b><font style="font-size:42px">dsfdsfs</font></b><br /><font style="font-size:32px">sdfdsdsf</font></td>
                    <!--logo--><td>

                    </td>
                </tr>
            </table>
        </td>
        <td style="width:32%" rowspan="8"><!--center-->

        </td>
        <td style="width:34%"><!--Left-->
            <table border="1" style="width:100%">
                <tr>
                    <!--logo--><td></td>
                    <!--Name--><td style="text-align:center"><img src="images/company/integrity.png" /></td>
                    <!--Symbol--><td style="text-align:left">
                        <i class="fa fa-arrow-circle-left" style="font-size:72px; left:0"></i>
                    </td>
                </tr>
            </table>
        </td>

    </tr>
</table>

＆＃13;

Answer 1

使用max-width和max-height并将其设置为td或100%

的大小

我建议你不要写内联样式......

Answer 2

你使用％值到表。因此，表格使用当前分辨率，即您打开页面的窗口。为了使表格保持在相同的高度，您需要使用像素，例如： 570px;不是观看屏幕的100％或50％。所以对于第一行，我相信你可以简单地使用像素值。例如：

 <table style="width:1200px" border="1">

图片不要忘记添加100％值，例如：

<td style="text-align:center" width="100%" height="100%"><img src="images/company/integrity.png" /></td>

图片不会改变表td

2 个答案: