Question

我构建了一个HTML表格：

<table cellpadding="0" cellspacing="0" border="0" style="width:1000px" id="maintable">
  <thead>
    <tr>
      <th class="asc" width="30"><h3>ID</h3></th>
      <th width="200"><h3>Name</h3></th>
      <th width="200"><h3>Artist</h3></th>
      <th width="150"><h3>Album</h3></th>
      <th width="60"><h3>Time</h3></th>    
    </tr>
  </thead>    
    <tr class="evenrw">
      <td class="evensl" align="center">i++</td>
      <td align="left"><a href="link">link name</a></td>
      <td align="left">name</td>
      <td align="left">name</td>
      <td align="center">name</td>   
    <tr>
<table>

问题在于，当我连续放置一些内容以使整个表格变得更大时，无论如何都要使单元格的height更大而不是单元格的width？“ p>

Answer 1

您将表格宽度设置为1000px，并将各个表格列设置为总计大约600px。表格有点混淆宽度，所以删除style =“1000px”，这应该解决问题

jsfiddle example

如果答案有效，请将其标记为所选答案：）

第二部分

要在表格上方添加横幅广告，只需在表格上方添加另一个<div>即可。所以它会是

<div id="banner_or_something">
    <!-- INSERT BANNER CODE HERE-->
</div>
<table cellpadding="0" cellspacing="0" border="0" style="width:1000px" id="maintable">
    <!--TABLE CODE HERE-->
</table>

Answer 2

使用CSS div＆amp;带有td标签的课程可以帮到你。 e.g。

.aaa td{
width:200px;
/* all attributes you want*/
}

我希望它能帮到你

Html构建问题

2 个答案: