当前位置：文江博客话题详情

使基于表格的布局可调整大小

发布于 2024-10-04 02:33:42 字数 295 浏览 5 评论 0原文

我继承了一个具有类似桌面外观的网络应用程序。它使用表格进行布局。我需要调整 GUI 的“面板”的大小（如分割窗格）。

我需要完成的示例： http://demos.dojotoolkit.org/demos/mail/< /a> （可调整大小的内容区域）

但是我需要使用相当复杂的嵌套表，而不是使用 div 进行布局。有没有什么可以让我完成这个任务，或者我必须将代码转换为不使用表格进行布局？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

泪是无色的血 2024-10-11 02:33:42

不过，我并不是要建议您表格布局。如果你能借一些时间，在它开始困扰你之前，让自己远离这个混乱的桌子。

这里有一个可调整大小的表格。查看此页面的源代码，您将看到包含一个脚本：

<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>

Still, I don't mean to suggest you table layouts. If you can borrow some time safe yourself from this table mess before it start messing with you.

Here an example of resizable tables. View the source of this page there you will see a inclusion of a script:

<script type='text/javascript' src='resizable-tables.js'></script>

And a stylesheet:

<link rel='stylesheet' href='resizable.css' type='text/css' media='screen' />

And also the !doctype defined there is trick you should have that too.

<!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>

回复收藏 0 原文