Html 固定大小的列

我有一个jQuery插件，可以创建、填充和格式化表格。我已经有了创建和填充的权利，但格式仍然让我摸不着头脑

表格总是800px宽，为了使我的生活简单，我就是这样设计我的网站的；我是一个左脑的家伙，音乐是我唯一能理解和创作的艺术，但栏目的数量和它们各自的属性标题、宽度和对齐方式是可变的：

$
.grid('MostSoldBySales', 'Most sold products by total sales', 112 /* height in px */, [
    {css: {'text-align': 'left',  width: 120/*px*/}, children: 'Description'},
    {css: {'text-align': 'right', width: 160      }, children: 'Total Sales'},
    {css: {'text-align': 'left',  width: 360      }, children: 'Comments'}
])
.grid('MostSoldByWeight', 'Most sold products by total weight', 112 /* height in px */, [
    {css: {'text-align': 'left',  width: 120/*px*/}, children: 'Description'},
    {css: {'text-align': 'right', width: 160      }, children: 'Total Weight'},
    {css: {'text-align': 'left',  width: 360      }, children: 'Comments'}
])
;

---

我的主要问题与列宽有关：我迫切需要一种方法，使我的列与指定的宽度完全相同。我不希望浏览器出于任何原因调整列的大小。我认为这是VisualBasic提供的一个特性。如何使用CSS实现这一点？

您可以尝试使用“最小宽度”：“120px”

您可以尝试使用“最小宽度”：“120px”

我知道的一个可靠的方法是在每个TD中放置div。即使在现代浏览器中，您为TD指定的宽度也只是一个建议，如果窗口太窄，列将被压扁。因此，这将始终是严格的200px宽：

<table>
  <tr>
    <td>
      <div style="width:200">Some stuff</div>
    </td>
  </tr>
</table>

---

我知道的一个可靠的防火方法是在每个TD内放置div。即使在现代浏览器中，您为TD指定的宽度也只是一个建议，如果窗口太窄，列将被压扁。因此，这将始终是严格的200px宽：

<table>
  <tr>
    <td>
      <div style="width:200">Some stuff</div>
    </td>
  </tr>
</table>

---

我认为你的问题在于你给浏览器的维度有冲突。你说元素的宽度设置为800px，但你的三列加起来只有640px。你需要在某处再添加一个160px。对于其他列集，您必须确保列宽总和为800px

---

你可以试着用在你的手机上。这将强制解决此问题，并阻止您在表与其单元格之间获得任何反馈。

我认为您的问题在于您给浏览器的维度相互冲突。你说元素的宽度设置为800px，但你的三列加起来只有640px。你需要在某处再添加一个160px。对于其他列集，您必须确保列宽总和为800px

---

你可以试着用在你的手机上。这将强制解决此问题，并阻止您在表与其单元格之间获得的任何反馈。

虽然不太实际，但您可以尝试将宽度用双引号括起来并添加！像这样重要吗

{css: {'text-align': 'left',  width: "360px !important"      }, children: 'Comments'}

---

虽然不是很实用，但您可以尝试将宽度用双引号括起来并添加！像这样重要吗

{css: {'text-align': 'left',  width: "360px !important"      }, children: 'Comments'}

---

即使列宽加起来达到800px，单个列宽也会失真。@Eduardo:你有边框之类的东西吗？还有表格布局：修复了“查看我的更新以获取链接”。@mu太短：我的表格没有任何边框，但其单元格有左填充和右填充。在设置列大小时，我考虑了这些填充，但即使这样，列的大小也不正确。@Eduardo:还涉及哪些CSS？在添加新的填充、边距、边框等之前，是否已将所有属性重置为零。。设置？在没有看到HTML和CSS的情况下，我们都在猜测发生了什么，我们也无能为力。我将所有内容都设置为零，但左侧和右侧填充设置为5px。即使列宽加起来达到800px，单个宽度也会扭曲。@Eduardo:你有边框或类似的东西吗？还有表格布局：修复了“查看我的更新以获取链接”。@mu太短：我的表格没有任何边框，但其单元格有左填充和右填充。在设置列大小时，我考虑了这些填充，但即使这样，列的大小也不正确。@Eduardo:还涉及哪些CSS？在添加新的填充、边距、边框等之前，是否已将所有属性重置为零。。设置？在没有看到HTML和CSS的情况下，我们都在猜测发生了什么，我们也无能为力。我已将所有内容设置为零，但左侧和右侧填充设置为5px。@mu太短：不幸的是，没有。我想与大家分享，但这段代码是为其他人编写的，它不是自由软件。@mu太短：它是一个内部网应用程序。@mu太短：不幸的是，不。我想分享，但这段代码是为其他人编写的，它不是自由软件。@mu太短：它是一个内部网应用程序。