html表格样式平均分配,如何在HTML表格的列之間平均分配空格？

最新推荐文章于 2022-03-23 22:16:43 发布

转载最新推荐文章于 2022-03-23 22:16:43 发布

· 939 阅读

文章标签：

该问题探讨如何在HTML表格中实现列之间的空间均匀分布，即使文本长度动态变化。作者希望在三列（姓名、薪水和职位）之间创建等宽的间隔，而当前浏览器根据文本内容分配空间。讨论中提出了可能的解决方案，包括使用更多列来分配空白。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我有一個固定寬度爲1000像素(比如說)的HTML表格，這比表格中容納的文字大得多。它看起來像：如何在HTML表格的列之間平均分配空格？

「薪水」列有右對齊的文本，而其他列有左對齊的文本。 (我已經添加了粉紅色和綠色的背景，這樣你就可以看到它是如何佈置的，它不是實際表格的一部分。)

我如何要求它在列之間放置相等的空白？換句話說，在下面的截圖：

我在一列中添加了兩個綠色長方形，說明列之間的空白(更準確地說，最後可見像素之間的第一個可見的像素下一個)。我想要這兩個綠色的矩形是相同的寬度。我怎麼做？它甚至可以在HTML？

請記住，文本是動態的 - 我們不會提前知道哪些文本會出現在每一列中，或者它有多寬。

這是我使用的代碼：

PS：請忽略使用內嵌樣式。這是一次性代碼。

**數字和'標題'列之間沒有列**，因此您不清楚您要做什麼 - http://jsfiddle.net/Paulie_D/u1eh5nqm/3/ –

2015-02-23 11:48:03

瀏覽器分配剩餘空間根據文本的寬度，「按比例」而不是均勻地顯示列。要達到預期的效果，您必須使用5列而不是3列。 –

2015-02-23 12:02:10

薩爾曼，我應該如何處理其他兩列？保利，我不需要薪水和職位欄之間的專欄。我爲什麼需要它？我只想要一張有三列的桌子。我想要做的是在問題中列出 - 列之間的空格(綠色矩形)相等。 –

2015-02-23 12:41:57