Javascript Html表格宽度与css

我有数据进来，我把它解析成网页上的一个表。有3个细胞并排排列。（单元格0,0:单元格0,1:单元格0,2）

我试图使单元格在div上均匀分割，使第一个单元格的文本向左对齐，中间的单元格居中对齐，最后一个单元格向右对齐

我已经尝试了以下css

td{
宽度：计算值（100%/3）；
}

第一
第二，内容更广泛
第三
第一
第二
第三，内容更广泛

如果要设置三个单元格中内容的对齐方式，请使用

---

因此，对于中间和右边的列。

虽然在纯CSS中是可能的，但我建议您使用Bootstrap、Flexbox或任何网格框架来轻松实现这一点。 在BS中，它将类似于：

<div class=container>
  <div class="row">
    <div class="col-sm-4">
      Your first cell content
    </div>
    <div class="col-sm-4">
      second
    </div>
    <div class="col-sm-4">
      third
    </div>    
  </div>
</div>

您的第一个单元格内容
第二
第三

---

当然，如果需要，可以插入表结构。

是否将表设置为嵌套在其中的div的全宽

例如：

div {
  width: 300px;
}

table {
  width: 100%;
  border: 1px solid black;
}


td {
  width: calc(100%/3);
  border: 1px solid black;
}

我想这就是你想要的：

---

欢迎使用堆栈溢出！：）你能提供一个片段吗？

width:calc（100%/3）顺便问一下，为什么需要
计算
？它是一个常数，运算结果是33%，那么为什么不使用
width:33%
来代替呢？除了一个片段（和/或fiddle），你能扩展一下“不给我我我想要的输出”的意思吗？也就是说，你能告诉我们你在做什么，并具体解释结果与期望/预期结果的差异吗？当你使用多个这样的表时，除非你给每个单元格一个固定的宽度，否则它们不会平均对齐。使用引导来解决这个问题是过分的。OP没有给出任何迹象表明他们正在使用任何CSS框架。另外，OP可能需要学习如何使用引导程序，并且可以花上几天而不是几分钟来解决这个问题。@amphetamachine:即使你在这一点上是正确的，也没有提到它是一个小项目还是一个大项目。自由职业的后端开发人员在切换到前端项目时常常不知道这些框架。说真的，学习BS不像学习node.js，一旦你坚持使用文档…这就是答案，我的表没有设置为div的完整大小
div {
  width: 300px;
}

table {
  width: 100%;
  border: 1px solid black;
}


td {
  width: calc(100%/3);
  border: 1px solid black;
}