在CSS显示：表格中，如何保持一致的单元格宽度？

我使用纯CSS创建表格布局，我的行和单元格的行为都不像tr或td元素

结果似乎是单元格没有保持一致的宽度，当行应该是

display:block

如果没有锚定标签，这似乎可以正常工作。。。为什么?

.livesearchtable{
显示：表格；
表布局：固定；
宽度：100%；
}
.livesearchrow{
显示：表格行；
背景：#f8f8；
宽度：100%；
}
.livesearchcell{
显示：表格单元格；
宽度：自动；
填充物：5px7px；
边框底部：1px实心#ccc；
空白：nowrap；
}

---

试试这个。获取类“livesearchrow”，并将其设置为标记的类。删除具有“livesearchrow”类的div。现在a.livesearchrow是表行，其中的div是表单元格

<div class="livesearchtable">
  <a href="../something.php" class="livesearchrow">
    <div class="livesearchcell">1</div>
    <div class="livesearchcell">Some text thats long enough to make a difference</div>
    <div class="livesearchcell">Lorem Ipsum</div>
  </a>
  <a href="../something.php" class="livesearchrow">
    <div class="livesearchcell">2</div>
    <div class="livesearchcell">short</div>
    <div class="livesearchcell"></div>
  </a>
</div>

---

以防您仍然担心某些东西为什么会损坏。这是因为

空白：nowrap