HTML 表格宽度显示不正确

标签 html css

我的 HTML 表格设置有问题。我有三个标题标题,出于某种原因,它们没有占据完整的 100% 宽度。但是,主体确实占据了 100% 的宽度。我不太确定发生了什么。我还有另一张工作正常的 table 。我附上了一张图片和表格的html代码。即使我删除指定的宽度百分比,显示仍将与下图相同。任何帮助将非常感激!提前致谢!

<table id="timePreferenceTable" class="table-striped" cellpadding="0" cellspacing="0" border="0">
  <thead>
    <tr>
      <th width="34%">Start Time</th>
      <th width="34%">End Time</th>
      <th width="32%">Days</th>
    </tr>
  </thead>
  <tbody></tbody>
</table>

HTML-TABLE-TH-BUG

最佳答案

尝试在您的 table 上设置 width="100%"。我不确定你的类(class)是做什么的。如果未将宽度设置为 100%,则执行此操作。

<table width="100%" id="timePreferenceTable" class="table-striped" cellpadding="0" cellspacing="0" border="0">

关于HTML 表格宽度显示不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15999762/

相关文章:

javascript - 不脱离视口(viewport)的绝对定位元素

javascript - 选择特定选项时更改背景颜色

html - 有人知道如何更改 Google map 导航箭头吗?

css - 能否使用 !important 使一段 CSS 代码失效?

jquery - 仅在使用jquery复制html内容后才使内容可见

html - VueJS/浏览器缓存生产构建

python - 如何使用python套接字从html获取输入

javascript - 将 html 表格中的顶部居中

css - 两个 block 之间的边界半径

javascript - 如何调用javascript函数以及将表单数据保存到html页面中的文本文件中?