在固定宽度div内移动固定宽度的表

时间:2012-03-21 13:59:51

标签: html css

我无法控制这个项目中的html,所以不幸的是我只需要一个css解决方案。 HTML是可怕的,如果我可以编辑它,这甚至都不是问题。我现在把我所处的地方弄得一团糟。

我有一个固定宽度的div,里面有一个固定宽度的表。它们的宽度相同(例如500px)该表具有未设置的行数,在asp中生成。我已经浮动了剩下的行,所以它们出现在行中(我知道这很糟糕,但是我只能在不编辑html的情况下完成)每个td都是100px。在CSS中添加的高度和背景颜色只是为了使它更清晰,它们可以改为任何东西。

我想要实现的是让td从右侧而不是左侧开始。我尝试过向右而不是向左移动,但这会使链接以相反的顺序出现,这是不可取的。

我能想出的唯一解决方案是在css中更改表格宽度并将其浮动到右侧,如果行数是常量,这可能会很好,但可能会添加一些或删除,这将使它看起来不正确。

fiddle link

2 个答案:

答案 0 :(得分:1)

我认为你想改变css中的表格宽度并将其向右浮动是正确的。如果我在CSS中将表格宽度设置为0px(它将扩展为包含tr),并且将表格向右浮动,我想我得到了你想要的东西。

编辑:没关系。我正在使用Chrome,它在那里工作,但不在IE中

Edit2:width:auto似乎可以在IE,Chrome和Firefox中使用

答案 1 :(得分:0)

我在表格中有固定宽度td,它们应该加起来为500px。在这种情况下,它们总计达400px。因此,您必须在自tr之前添加一个table自动宽度。

更新:嗯,这不起作用,因为你有tr而不是td s