问题标签 [layout]

我只需要在我到达这里之前编写的应用程序中添加一个复选框，这比它必须的要困难得多，因为该应用程序使用了一些第三方 LayoutManager 来尝试进行伪绝对的、类似网格的定位。API 很糟糕，它需要位置指定字符串，这些字符串是逗号分隔的两个、四个或六个参数列表（我仍然不知道为什么会有所不同），我宁愿让 LayoutManager 处理很多这样无论如何，繁重的工作。我一直觉得让 Swing 自己定位事物会导致比我能产生的任何东西更好的组织。我对 CGI 应用程序也有同样的感觉，除了偶尔将复选框或单选框与表格分组之外，我几乎只是让浏览器按照用户想要的方式流动和包装。

Swing 中包含的 LayoutManager 实现是否足够，或者是否真的有必要结合这种绝对控制来强制布局完全符合您的要求（并为您提供一百万个更多的决定）？

自从从 TABLE-layout 切换到 DIV-layout 后，一个常见的问题仍然存在：

问题：你用动态文本填充你的 DIV，不可避免地会有一个超长的词延伸到你的 div 列的边缘，使你的网站看起来不专业。

RETRO-WHINING：这在表格布局中从未发生过。表格单元格总是会很好地扩展到最长单词的宽度。

严重性：我什至在最主要的网站上也看到了这个问题，特别是在德国网站上，即使是“限速”等常用词也很长（“Geschwindigkeitsbegrenzung”）。

有没有人对此有可行的解决方案？

我正在尝试在 VB6 或 VB.Net 中编写打印布局编辑器，并且正在寻找一些参考文章来帮助我入门。

这个想法是，编辑器将用于定义发票或报表布局的打印“区域”，允许用户绘制客户地址、发票编号、行、总计等的框。然后程序将弄清楚如何翻译各种盒子的尺寸和位置到打印位置以存储在布局定义文件中，稍后由帐户系统用于打印各种报告。请注意，由于各种原因（主要是帐户系统不是 Windows），将文本放入 Word 或类似产品并让它们打印文档不是一种选择。我当然可以手动编辑文档布局文件，但它不是很人性化。

正如您可能想象的那样，搜索“表单编辑器”、“布局编辑器”等会带来数百个不相关的结果。令人沮丧的是，我看过一篇非常相关的文章，却丢失了书签。

我希望有人有一些指示。

谢谢，这听起来比我想象的要复杂。我真的希望我能找到我丢失的原始文章，因为它很清楚如何在 vb.net 中进行此操作。

因为它是打印表单的布局，我认为这大大降低了复杂性 - 我只需要存储每个打印区域的大小和位置，以及字体、对齐和颜色信息，可能还有图形的文件名如果需要徽标。布局定义文件格式完全在我的控制之下。

我已经很久没有使用 CSS 了，目前也没有参考资料。我的问题应该相当简单，但谷歌搜索并没有提供足够的答案。所以，增加集体知识......

这就是我想要的布局。反正就是标题。我希望副标题包含 sub-left 和 sub-right。我使用什么 css 规则来确保一个 div 受另一个 div 的属性约束。在这种情况下，如何确保 sub-left 和 sub-right 保持在 subtitle 内？

在 html 中显示表单时使用表格标签是不好的设计吗？

简而言之，这个问题的公认答案是：是的......

...但是这样的事情呢：

我真的想不出不同的更好的解决方案。该示例来自 SurveyMonkey，也使用了表格。

将表格标签用于此类 likert 类型的问题仍然是糟糕的设计吗？

有没有人尝试使用 Apache Tiles 2 复制 Ruby on Rails 的布局功能？我正在尝试将 Tiles 2 与 Spring 集成。我有一个以前为 Spring 框架编写的自定义视图解析器，它做得很好，但我正在升级到 Spring Webflow 2，我需要能够集成 Tiles 2

我不断发现，如果我在彼此内部嵌套了 div，并且内部的一个是浮动的，那么外部的就不会围绕它展开。

例子：

我需要对外部 div 做什么以使其覆盖内部 div？IE：把它的边框/背景颜色一直放在它周围？

另外，我在这里遇到的一般原则是什么？如果是这样，我应该查什么才能深入了解它是什么？

谢谢！

编辑

大家好，

感谢您的回答，语义上正确和否，以及链接。

尽管我最终会在最后的工作中使用溢出，但我会保留 Ant P 的答案，因为它是第一个真正有效的答案，并且让我摆脱了短期的卡顿，即使它冒犯了语义敏感性。

作为一个长期尝试转向体面的 css 布局的 html hack，我当然可以理解并同情使用语义不正确的 hack 来完成工作，尽管我相信他会在此之后改变这种习惯 =o)

[元注释：] 我正在浏览问题页面，真的厌倦了“DIVS 与表格”“何时使用表格与 DIVS”“Div 是否比表格更好”“表格与 CSS”以及所有提出相同问题的问题天哪，人们，但我想看看人们处理“为什么你应该放弃和使用表格”的规范示例的翻译的所有方式：

问题：如何在没有表格的情况下最好地（语义上、简单地、稳健地、流畅地、便携地）实现上述内容。对于初学者，我猜一个幼稚的实现对第一列使用固定的列宽，但是对于动态生成的内容可能会产生不确定的结果。在答案中包含您方法的优势/劣势会很好。

PS 另一个我很想知道的是垂直居中，但在jakpsatweb.cz上很好地涵盖了这方面的技巧

编辑： sculife 提出了一个很好的例子，说明为什么我没有仔细考虑这个问题。表格可以同时对齐多个列。问题仍然存在（我希望看到用于对齐/布局的不同 CSS 技术） - 尽管可以处理他的解决方案？更多涉及的例子肯定是首选。

我的情况

• 我有 N 个矩形
• 矩形都具有相同的形状（例如 2 英寸宽 x 1 英寸高） - 让我们将此尺寸称为 Sw 和 Sh 的宽度和高度
• 我想将这些矩形放置在网格中，使矩形完全位于顶部并彼此相邻 - 就像您在电子表格中看到的一样
• 我需要的是：给定 N、Sw 和 Sh，将这些矩形堆叠成可能的最方形排列的行数 (R) 和列数 (C) 是多少
• 可以理解的是，R & C 可能提供比需要更多的单元格（例如，如果 N=15,Sw=1,Sh=1 则 R=4,C=4 为 15 个矩形产生 16 个“槽” - 这是可以的。
• 如果 Sw=Sh 那么我卑微的数学技能就足够了——当它们的矩形有不同的宽度和高度时——坦率地说，这超出了我的能力。

一些笔记

• 是的，我读过这个问题：堆叠矩形以尽可能少地占用空间，不，它没有帮助。这也不是同一个问题。这个问题是关于可能具有不同大小的矩形，在这个问题中，矩形具有相同的大小
• 是的，我在 wolfram.com 等网站上搜索过，但没有运气
• 我没有很强的数学背景，所以我解决这个问题的方式本身可能会阻止我找到答案 - 我已经尝试过与平铺、剖析、分解相关的相关搜索，但在那里也没有任何成功

一些例子

AaronofTomorrow's answer的实现

受 Will 的回答启发的另一个实现（2008-12-08 更新）——这是我最终使用的

我需要一个工具来自动将简单的 HTML 转换为图像。我将控制 HTML 输入，它由简单的文本格式标记和可能的图像链接组成——我不需要能够呈现任意 HTML。有没有一种简单的方法可以做到这一点？

我看过 Gecko 和 Webkit 之类的 HTML 布局引擎，但坦率地说，我对它们拥有的选项数量感到不知所措——我不需要完整的 Web 浏览器！是否可以以这种方式使用这些引擎？有人可以引导我朝着正确的方向前进吗？

其他可能性，如 browsershots，依赖于真实浏览器的屏幕截图，但我将在一个可能有很多用户的 Web 服务器上运行这个应用程序，所以性能很重要，我担心这种解决方案无法扩展。

想法？

编辑：抱歉忘记提及我的服务器正在运行 Linux，因此 Windows 解决方案无济于事。:)