在表少设计中使用浮动是否好?

时间:2010-03-25 05:05:31

标签: html cross-browser css-float css

在表少设计中使用浮点数是否合适?在表格较少的跨浏览器兼容设计的上下文中,float的优缺点是什么?跨浏览器兼容的无表格设计是否有最佳实践指南?

3 个答案:

答案 0 :(得分:6)

这有点像问“我应该使用数组吗?”。两种情况下的答案都是“这取决于你正在努力实现的目标”。

浮动不仅有用,向后兼容并且可以说是必要的(有或没有表格),但这不是重点。你使用它们是因为它可以让你达到预期的效果。

像所有事物一样,他们有优点和缺点。最值得注意的是,浮动内容在固定宽度内容下效果最佳。浮动的范围应该是它需要的宽度往往是这种布局下降的地方。

编辑:与关于IE对其区别对待的评论相关,有两条经验法则适用:

  • 始终在您的文档中声明DOCTYPE。这迫使IE从“怪异”到“符合标准”模式(两者都是委婉语);和
  • 始终使用reset CSS(还有其他人)。

话虽这么说,你仍然必须在主流浏览器中测试你的页面,但根据我的经验,编写 工作的开箱即用的东西并不困难在所有浏览器上,只需要在事后进行调整。

答案 1 :(得分:2)

不要忘记将表用于表格数据,我已经看到许多设计师只使用列表和浮点数创建事件和用户等表。

答案 2 :(得分:1)

在无表格设计中使用浮点数(而Moak是正确的 - 你应该使用表格来表格数据)几乎是公认的最佳实践。当然也有例外 - 您可以使用定位,但这会打开一个全新的蠕虫病毒(特别是在涉及浏览器兼容性问题时)。

只要你花时间确保你的花车被正确清理(http://www.positioniseverything.net/easyclearing.htmlhttp://www.quirksmode.org/css/clearing.html两种不同的方法;我的偏好是后者,但是像所有东西一样 - 适当的答案是“这取决于”,你不应该遇到太多问题。另外,与提及Cletus一样,请声明您的DOCTYPE

当然,需要注意的一件重要事情是,你会遇到更多与IE相关的问题,随着版本号的下降而增加(IE8相当不错,7不那么好,而且,我们都知道IE6与现代CSS的关系。)

要回答你的“利弊”问题 - 专业人士认为你没有在文档标记中写入的表示代码,因为你可以将CSS规则应用于任何元素,这意味着你的文档尺寸较小(并不是说这是一个巨大的问题,但对某些人来说仍然是这样,而且(更重要的是)你并没有被任何具体的设计决定所束缚。

唯一真正的缺点是存在一些潜在的浏览器兼容性问题(以及偶尔的奇怪行为),但其中大多数都是文档化的,并且有很好的解决方案。