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

Html 在固定宽度div内移动固定宽度表,html,css,Html,Css,我无法控制这个项目中的html,所以不幸的是,我需要一个只有css的解决方案。html非常糟糕,如果我可以编辑它,这甚至不会是一个问题。我把我目前的处境弄得一团糟 我有一个固定宽度的div,里面有一个固定宽度的表。它们的宽度相同(示例中为500px),表中有未设置的行数,在asp中生成。我将行向左浮动,使它们看起来成一行(我知道这很糟糕,但这是我在不编辑html的情况下所能做的一切),每个td是100px。css中添加的高度和背景色只是为了让它更清晰一点,它们可以更改为任何颜色 我想要实现的是让

我无法控制这个项目中的html,所以不幸的是,我需要一个只有css的解决方案。html非常糟糕,如果我可以编辑它,这甚至不会是一个问题。我把我目前的处境弄得一团糟

我有一个固定宽度的div,里面有一个固定宽度的表。它们的宽度相同(示例中为500px),表中有未设置的行数,在asp中生成。我将行向左浮动,使它们看起来成一行(我知道这很糟糕,但这是我在不编辑html的情况下所能做的一切),每个td是100px。css中添加的高度和背景色只是为了让它更清晰一点,它们可以更改为任何颜色

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

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


如果您的表中有固定宽度
td
s,则它们的总和应为500px。在这种情况下,它们加起来是400px。因此,您必须在
中预先添加一个带有自动宽度的
tr


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

如果你的表中有固定宽度
td
s,那么它们的总和应该是500px。在这种情况下,它们加起来是400px。因此,您必须在
中预先添加一个带有自动宽度的
tr


更新:嗯,这不起作用,因为您使用的是浮动
tr
s而不是
td
s

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

编辑:无需担心。我使用的是Chrome,它在那里工作,但在IE中不起作用


Edit2:width:auto似乎使它在IE、Chrome和Firefox中工作

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

编辑:无需担心。我使用的是Chrome,它在那里工作,但在IE中不起作用


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

您需要支持哪些浏览器?如果不使用JavaScript重新编写HTML,您将陷入困境。Supermedud IE8及以上版本。不要太担心其他人。迪奥多斯,这就是我所担心的。@TheWaxMann,是的,你有点搞砸了。如果您只关心moz/webkit,那么您可能可以使用FlexBox来完成这项工作,您需要支持哪些浏览器?如果不使用JavaScript来重新编写HTML,您将陷入.SupremeDud IE8及更高版本的困境。不要太担心其他人。迪奥多斯,这就是我所担心的。@TheWaxMann,是的,你有点搞砸了。如果您只关心moz/webkit,您可能可以使用flexboxI来完成。我根本无法更改html。太棒了,
width:auto
已经对它进行了排序。非常感谢。太棒了,
width:auto
已经排序好了。非常感谢。