我目前在我的网站顶部有一个表，其中包含一个100％宽度的表，一行，然后是几个表格。导航分区的数量取决于您所在的页面并且是动态生成的，因此无法轻松设置td宽度。此外，我正在尝试使用箭头的小图像作为每个导航项的一种子弹点，每个导航项的文本居中，但如果我无法将其对齐，我可能最终删除它。
我的最终目标是在导航栏上有6-10个项目，具有不同的大小以适合文本，同时在条形区域内均匀分布这些td单元格，均匀分布。当我尝试同时使用箭头和文本时，我的问题就出现了，因为文本会被自动换行到下一行而不是与文本一致。这使得桌子形状奇特。另外，在我尝试的某些情况下，第一个单元格可能具有我设置的正确大小的填充，例如7px左侧，但是在表格行的末尾，间距完全错误，例如接近50px。 / p>
是否有一种div，td和CSS组合才能使其工作？相反，我会更好地从div中取出它吗？我没有想法如何在保持导航格式的同时均匀地对齐这些单元格。任何帮助表示赞赏。
以下是我目前所处的屏幕截图： http://dl.dropbox.com/u/27295687/Untitled.png
答案 0 :(得分：0)
答案 1 :(得分：0)
您需要向我们展示制作此栏的代码。有一百种方法可以在HTML中实现这一点。
如果您的箭头图片包含在<div>中，则可能会发生这种情况。 Div-s通过width: 100%自动占用整行。确保你的图像有宽度，如果它包裹在div中，请使用以下样式：
<div style="display: inline-block;"><img src="arrow.gif"></div>
但是，如果我们看到代码，你可以直接回答。