Html CSS表格单元格TD太宽

大家好，我只是想让我的表格单元格周围的边框正好围绕文本…而不是拉伸整个表格的长度。这是有边界的部分

CSS:

HTML:

计划生产与实际生产的详细对比
返回的结果数：${fn:length（bean）}

答案在于您的表格宽度为100%。如果没有TD级别的任何样式，TD将自动获得最大宽度

---

不过，更大的问题是，为什么要使用桌子。这是一列数据，这里不需要表格，只需使用div即可。

答案在于表格宽度为100%。如果没有TD级别的任何样式，TD将自动获得最大宽度

---

不过，更大的问题是，为什么要使用桌子。这是一列数据，这里不需要表格，只需使用div即可。

给文本一个简单的span或任何其他块元素，如div p。。。带内联块的span也是一个可以有边框的块元素

table.content_table {
  width: 100%;
  margin: 0px;
  border-collapse: collapse;
}
.border {
  border: 2px solid;
  background-color: #eeeecc;
  font-size: 8pt;
  font-weight: bold;
  PADDING: 0px;
  display: inline-block;
}   

表中的任何元素都需要在TD中，这样才是有效的html。。。像这样在你的桌子上再放一个tr>td

<table class="content_table">
<tr>
   <td>
     <h1>Planned Vs Actual Productions Drilldown</h1>
   </td>
</tr>
  <tr>
    <td class="results">
        <span class="border">Number of results returned:  ${fn:length(beans)}</span>
    </td>
    </tr>
</table>

计划生产与实际生产的详细对比
返回的结果数：${fn:length（bean）}

为文本指定一个简单的span或任何其他块元素，如div p。。。带内联块的span也是一个可以有边框的块元素

table.content_table {
  width: 100%;
  margin: 0px;
  border-collapse: collapse;
}
.border {
  border: 2px solid;
  background-color: #eeeecc;
  font-size: 8pt;
  font-weight: bold;
  PADDING: 0px;
  display: inline-block;
}   

表中的任何元素都需要在TD中，这样才是有效的html。。。像这样在你的桌子上再放一个tr>td

<table class="content_table">
<tr>
   <td>
     <h1>Planned Vs Actual Productions Drilldown</h1>
   </td>
</tr>
  <tr>
    <td class="results">
        <span class="border">Number of results returned:  ${fn:length(beans)}</span>
    </td>
    </tr>
</table>

计划生产与实际生产的详细对比
返回的结果数：${fn:length（bean）}

我对WordPress主题也有类似的问题。“折叠”并不完全适用于第一列，因为我的主题的style.css“reset”将表格宽度设置为100%。至少对我来说，“自动”宽度解决了这个问题

<style>
  table#donations { border-collapse: collapse; width:auto; }
</style>

<table id="donations">
  <tr><td>Bitcoin BTC</td><td>1Prh5VnUJRQV3sARhEfQAMKv9UzGqgAMXg</td></tr>
</table>

表{边框折叠：折叠；宽度：自动；}
比特币BTC1Prh5VnUJRQV3sARhEfQAMKv9UzGqgAMXg

我对WordPress主题也有类似的问题。“折叠”并不完全适用于第一列，因为我的主题的style.css“reset”将表格宽度设置为100%。至少对我来说，“自动”宽度解决了这个问题

<style>
  table#donations { border-collapse: collapse; width:auto; }
</style>

<table id="donations">
  <tr><td>Bitcoin BTC</td><td>1Prh5VnUJRQV3sARhEfQAMKv9UzGqgAMXg</td></tr>
</table>

表{边框折叠：折叠；宽度：自动；}
比特币BTC1Prh5VnUJRQV3sARhEfQAMKv9UzGqgAMXg