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

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

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

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

nmoXN.png

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

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

這是我使用的代碼:

NameSalaryTitle
Kartick10Director of Nothing
Neha200Minister of Awesome
Vijay3000VP of Buzzwords

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

+0

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

2015-02-23 11:48:03

+0

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

2015-02-23 12:02:10

+0

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

2015-02-23 12:41:57

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值