html - 在固定宽度的 div 内移动固定宽度的表格

标签 html css

我无法控制这个元素中的 html,所以不幸的是我需要一个纯 css 的解决方案。 html 太可怕了,如果我可以编辑它,这甚至都不是问题。我已经弄清楚了我现在的位置。

我有一个固定宽度的 div,里面有一个固定宽度的表格。它们的宽度相同(示例中为 500px)我将行向左浮动,以便它们排成一行(我知道这很糟糕,但这是我在不编辑 html 的情况下所能做的)每个 td 是 100px。 css中添加的高度和背景色只是为了更清晰一点,可以随意更改。

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

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

fiddle link

最佳答案

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

编辑:没关系。我使用的是 Chrome,它可以在那里工作,但不能在 IE 中使用

Edit2: width:auto 似乎可以在 IE、Chrome 和 Firefox 中运行

关于html - 在固定宽度的 div 内移动固定宽度的表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9806122/

相关文章:

css - Wordpress 标题快捷方式未显示

javascript - 向下滚动时隐藏菜单,然后当向上滚动达到 0 时显示菜单 [javascript] 对我不起作用

javascript - 如何在到达某个位置时激活间隔?

jquery - 如何使 jQuery 动画看起来流畅?

jquery - 为什么 $ ('#foo' ).css ('width' , $ ('#foo' ).css ('width' )) 改变宽度?

html - 使用 CSS 动画化进度条

javascript - 单击下拉菜单时如何动态添加输入类型

html - 为带有背景图像的 <select> 设置默认选项

html - 水平居中 div 中的图像

css - 是否可以直接从浏览器禁用网站加载的字体?