问题标签 [reflow]

我有一个相当复杂的多页报告，其中包含嵌套表中的流。该报告现在使用的内容比最初计划的要长得多。该报告使用 3 个嵌套表很好地重排，但是当我添加第四个时，它不再重排并使用以下响应使脚本崩溃：

Flowable <Table@0x7FC7D4566200 1 rows x 3 cols(tallest row 1367)> with cell(0,1) containing '<Table@0x7FC7D4563638 3 rows x 4 cols(tallest row 1257)> with cell(0,1) containing\n\'<Table@0x7FC7D4556488 1 rows x 2 cols(tallest row 88)> with cell(0,0) containing\\n"<Table@0x7FC7D4561FC8 4 rows x 2 cols(tallest row 32)> with cell(0,0) containing\\\\n\\\'<Paragraph at 0x7fc7d45603f8>Classification\\\'"\''(612.0 x 1367), tallest cell 1367.0 points, too large on page 5 in frame 'normal'(600.0 x 664.0*) of template 'normal'

我目前的解决方案是执行以下步骤：

1. 在我放置内容之前确定页面位置
2. 获取内容的长度
3. 计算预期剩余房间
4. 计算内容所需的空间
5. 如果内容合适，请将其添加到页面，否则：
   • 将内容分成 2 个块（但这可能会导致 xml 问题）：块 A 和块 B。
   • 将 chunkA 添加到页面
   • 关闭表
   • 开始新表
   • 从上面的步骤 1 处理块 B。

显然，这个过程充满了问题。有没有人有更好的解决方案？

我想知道链接 jquery 函数是否会触发多次重排，或者重排是否在语句结束后仅发生一次。

任何输入表示赞赏。谢谢你。

我使用 (g)Vim 编辑电子邮件，并且我经常需要重排缩进段落中的长行，以>,>>等开头。

例如，想象 mytextwidth设置得很短：

当我用类似的东西格式化时{gq}，它应该变成这样：

我怎样才能让它做到这一点？

I have an element with following css style: #element:after { content: attr(data-percent); }

I'm trying to change data-percent attribute with JQuery like this $('#element').data('percent', '50%');

Attribute changes, I can check it by console.log($('#element').data('percent'));, but it won't redraw and still contains old attribute.

What function should I call to make this element updated?

我有一个包含很多行的多页表。我希望任何页面上的最上面一行有更多空间，并在其上方有一条线。同样，我希望任何页面上的最底行在其下方有一个空格并在其下方有一行。我知道如何将样式添加到行中。我只需要一种方法来确定第一行和最后一行。

假设我需要应用一堆 CSS 规则（大约 50 个），如下代码：

所以每次调用都会s.sheet.insertRule触发浏览器重排。如何将浏览器重排减至一次？

谢谢。

过去我在 javascript 方面做了很多工作，包括一些 DOM 操作。从那里我了解到，在某些情况下，重排/重绘可能是一个很大的性能问题，通常应该限制在最低限度。例如，当添加一组 div 时，您应该一次添加所有内容（将它们附加到 DOM 之外的 div，然后附加它），而不是一个接一个地附加它们。重绘也是如此，它可以通过更改元素的 CSS 属性来触发。虽然我必须承认我从来没有这么多地研究过重绘，所以我对最后一部分的看法可能是错误的。

这是否也适用于 SVG（看到它使用一种似乎合理的 DOM）？不同的 SVG 元素有区别吗？例如，动画元素不会创建重排是有道理的，因为它不是新的 SVG 元素，而更像是一个属性。

我不确定的是 SVG 的重绘，它们是否以与 CSS/HTML 相同的方式存在？毕竟 SMIL 动画已经创建了帧，所以像“重绘”这样的事情可能没有任何区别，因为无论如何都要渲染新的帧。

任何对 SMIL 内部运作有更深入了解的人可以为我澄清这些事情吗？

有没有人尝试在类选择器而不是 id 选择器上运行高图表 reflow() 函数？

请参阅示例，其中我有 2 个带有 1 个按钮的图表来切换其包含的 div 大小。我还有另外 2 个按钮，一个用于按 id 重排图表，另一个按类别重排图表。

请注意，使用类选择器的那个似乎不会重排两个图表，并且它只重排使用该类的第一个元素。

http://jsfiddle.net/deN74/1/

HTML：

JS：

我正在动态地向表中添加一行。问题是浏览器在添加时似乎没有正确重排，并且所有数据都进入新行的第一个单元格，而不是分散在其中。这听起来有点奇怪，所以我在下面制作了测试用例。据我所知，该行已正确添加到正确的位置，这发生在所有浏览器（Chrome 36.0、FF 31.0、IE 11.0）中，所以我想知道我是否做错了什么......

我在这里建立一个网站http://www.burnsoldparish.org/

我在让响应模式在 Chrome 中正常工作时遇到问题。它适用于 IE 和 FF（以及它们的最新版本）

由于某种原因，当您展开以响应模式显示的菜单时，流程不起作用。如果您调整屏幕大小，您会看到标准菜单出现，但它不会在 Chrome 中正确重排。

任何帮助，将不胜感激。

谢谢