我继承了一个具有类似桌面外观的 Web 应用程序。它使用表格进行布局。我需要使 GUI 的“面板”可调整大小(如拆分窗格)。
我需要完成的一个示例:http: //demos.dojotoolkit.org/demos/mail/(可调整大小的内容区域)
但是,我需要使用非常复杂的嵌套表,而不是使用 div 进行布局。有什么东西可以让我完成这个,还是我必须将代码转换为不使用表格进行布局?
我继承了一个具有类似桌面外观的 Web 应用程序。它使用表格进行布局。我需要使 GUI 的“面板”可调整大小(如拆分窗格)。
我需要完成的一个示例:http: //demos.dojotoolkit.org/demos/mail/(可调整大小的内容区域)
但是,我需要使用非常复杂的嵌套表,而不是使用 div 进行布局。有什么东西可以让我完成这个,还是我必须将代码转换为不使用表格进行布局?
不过,我并不是要建议您使用表格布局。如果你能在它开始弄乱你之前从这个乱七八糟的桌子上借一些时间来保护自己。
这是一个可调整大小的表格的示例。查看此页面的源代码,您将看到包含一个脚本:
<script type='text/javascript' src='resizable-tables.js'></script>
还有一个样式表:
<link rel='stylesheet' href='resizable.css' type='text/css' media='screen' />
而且!doctype
你也应该有这个定义的技巧。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- it is transitional only because of using width='xx%' property in table example -->
<html xmlns='http://www.w3.org/1999/xhtml'><head>
警告:我即将推荐一个 3rd-party 产品;如果这冒犯了您,请停止阅读。
如果您可以证明第三方软件的费用而不是您的时间是合理的,那么我推荐 Telerik 的控件:它们有一个功能齐全的分离器。它对我来说真的很好用。