Question

我将PSD格式化文件转换为HTML。这个HTML表放在DIV中，宽度固定为16％。现在HTML表格没有调整到DIV宽度。我如何修改？

* HTML表格（left-menu.html）

<!-- Save for Web Slices (left side panel only(with orange tabs).psd) -->
<table id="Table_01" width="1339" height="753" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>.............................</td>
            <td>.............................</td>
            <td>.............................</td>
    </tr>
</table>
<!-- End Save for Web Slices -->

DIV的风格

.left 
{
 height: 100%;
// background:rgba(0,0,0,0.3);
 position: relative;
 float: left;
 width: 16%;
 }

主HTML页面

    <aside id="left-menu">
      <?php
    include ('left-menu.html');
      ?>

Answer 1

您已将表格宽度设置为：width =“1339”，这就是问题所在。

您不能通过将其包装在div中来缩小表的大小。

你可以将div设置为固定宽度X，然后将表格宽度设置为100％......你只是向后做..

您也可以在CSS中尝试以下操作，您可以使用“min-width：”设置div的最小宽度，比如1000px窗口的16％，因此您将其设置为min-width：160px;并添加宽度：100％这样它最初只会使用16％的可用但如果重新调整它将会扩展。

Answer 2

我发现固定宽度无法适应DIV。所以必须设置每一个表中的<td>元素在％而不是PX中。要完成它需要很长时间，但它有帮助......

如何根据DIV宽度和高度调整HTML表格？

2 个答案: