我目前在网站顶部有一个表，它由一个100%宽度的表、一行和几个表分区组成。导航分区的数量取决于您所在的页面，并且是动态生成的，因此无法轻松设置td宽度。此外，我试图使用一个箭头的小图像作为每个导航项目的一种项目符号，每个导航项目都以文本为中心，尽管如果我无法使其对齐，我最终可能会删除它。
我的最终目标是在导航栏上有6-10个项目，大小不同以适应文本，同时在栏中均匀分布这些td单元格，间距均匀。当我尝试同时使用箭头和文本时，就会出现问题，因为文本会自动换行到下一行，而不是与文本对齐。这使得桌子的形状很奇怪。此外，在我尝试过的某些情况下，第一个单元格的填充大小可能与我设置的一样，比如左7像素，但到了表行的末尾，间距完全错误，比如接近50像素。
有没有一种div、td和CSS的组合可以实现这一点？我用divs做它会更好吗？我已经没有办法在保持导航格式的同时均匀地排列这些单元格了。感谢您的帮助。
以下是我当前工作的屏幕截图：http://dl.dropbox.com/u/27295687/Untitled.png
这是您想要做的吗？
我猜关键的CSS属性是表元素上的table-layout: fixed;
您需要向我们展示制作此栏的代码。有一百种方法可以在HTML中实现这一点。
如果您的箭头图像被包裹在<div>中，则可能会发生这种情况。Div-s通过具有width: 100%而自动占据整条线路。确保你的图像有宽度，如果它被包裹在div中，请使用以下样式：
<div style="display: inline-block;"><img src="arrow.gif"></div>
但是，如果我们看到代码，您可以得到直接的答案。