【问题标题】:CSS/tables: parallel two columns for different languages?CSS/表格:不同语言的平行两列?
【发布时间】:2011-11-24 09:39:04
【问题描述】:

我正在尝试创建一个页面,其中包含与原始英文文本并行运行的文本的捷克语翻译。我的两篇文章几乎完成了。但我真的不确定如何将它们并排放置,以便它们并行运行。 (我认为坚持每个段落在两种语言中都从相同的水平位置开始是太过分了,但我确实认为对十三个部分中的每一个都这样做是个好主意。)

这是捷克语文本:http://www.dinkypage.com/124733

这里是英文文本:http://www.dinkypage.com/137154

我收到了一些关于使用表格的建议,但我不知道它是如何工作的。我绝对会感谢任何帮助。

【问题讨论】:

  • 没有“好”的方法(这是一个相当复杂的排版问题);显然,您可以将所有内容与表格对齐,尽管它可能很丑。
  • 您可以从 Duolingo.com 上的“校对”窗格中获取灵感,例如duolingo.com/translation/9f949503e613b7fe5d47d222b078d7c3。他们解决了以一种语言选择多个文本段落的问题。 AFIK,他们的解决方案使用 JavaScript:它测量段落,然后添加填充。我推荐使用表格,这是最简单的方式,也是hunalign输出的样子(mokk.bme.hu/resources/hunalign)。

标签: html css tabular


【解决方案1】:

我创建了一个简单的table 结构作为示例。 您可以使用 CSS 来设置表格样式。

此处示例:http://jsfiddle.net/peduarte/UU2AX/

【讨论】:

  • 我在这里被告知永远不要使用表格,这在网站上构成了致命的罪过。有错吗?
  • 是的,这是错误的。表格应该只用于表格数据并且在必要时使用。在您的情况下,使用表格没有任何问题。现在,如果您要在表格中构建整个网站,您会被这里的一些人告知:p
  • 我真的不确定如何让它与表格一起使用。我现在的英文文本已接近完成状态(链接在已编辑的问题中)。有任何想法吗?谢谢。
【解决方案2】:

听起来您需要一个表格行(或 CSS div 或其他),在整个页面上运行,用于您希望对齐的每个页面/段落。这将强制较短的语言在末尾用空格填充,以便下一页/段落在正确的位置开始。

【讨论】:

  • 这是否会导致无法只选择一侧或另一侧(用于复制/粘贴)?
  • 只要每个段落/页面都在自己的 DIV(或表格单元格)中,那么可以。
  • 好的,我已经开始搞砸了,但我真的不知道该怎么做。
猜你喜欢
  • 1970-01-01
  • 2023-02-13
  • 1970-01-01
  • 1970-01-01
  • 2014-12-07
  • 1970-01-01
  • 2022-11-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多