2

我目前在我的网站顶部有一个表格，它由一个 100% 宽度的表格、一行和几个表格分区组成。nav 分区的数量取决于你所在的页面，并且是动态生成的，所以没有办法轻松设置 td 宽度。此外，我正在尝试使用箭头的小图像作为每个导航项目的一种项目符号，每个导航项目的文本居中，但如果我无法使其对齐，我最终可能会删除它。

我的最终目标是在导航栏上有 6 到 10 个项目，大小不同以适合文本，同时将这些 td 单元格均匀分布在栏中，均匀分布。当我尝试同时使用箭头和文本时出现了我的问题，因为文本会自动自动换行到下一行而不是与文本对齐。这使得桌子形状奇怪。此外，在我尝试过的某些情况下，第一个单元格可能具有我设置的正确填充大小，例如左 7px，但是到表格行的末尾，间距完全错误，例如接近 50px。

是否有某种 div、td 和 CSS 组合来完成这项工作？用 div 代替我会更好吗？我已经没有想法如何在保持导航格式的同时均匀对齐这些单元格。任何帮助表示赞赏。

这是我目前所在的屏幕截图：http: //dl.dropbox.com/u/27295687/Untitled.png

4

2 回答 2

0

您需要向我们展示制作此栏的代码。有一百种方法可以在 HTML 中实现这一点。

如果您的箭头图像包含在<div>. div-s 会自动占据一整行width: 100%。确保您的图像具有宽度，如果它被包裹在一个 div 中，请使用以下样式：

<div style="display: inline-block;"><img src="arrow.gif"></div>

但是，如果我们看到代码，您可以获得直接的答案。

于 2012-08-02T21:54:16.530 回答
0

这是你想要做的吗？

我猜关键的 CSS 属性table-layout: fixed;在 table 元素上

于 2012-08-02T21:28:09.210 回答