CSS/tables: parallel two columns for different languages?

为君一笑 提交于 2019-12-03 20:27:56

问题


I'm trying to create a page that has the Czech translation of a text running in parallel with the original English text. I've got the two texts in a nearly finished state. But I'm really not sure how to put them side by side, so that they run in parallel. (I think it would be too much to insist that each paragraph begin at the same horizontal location in both languages, but I do think it's a good idea to do it for each of the thirteen sections.)

Here is the Czech text: http://www.dinkypage.com/124733

Here is the English text: http://www.dinkypage.com/137154

I've received some suggestions about using tables, but I have no idea how that might work. I'd definitely appreciate any help.


回答1:


I have created a simple table structure as example. You can use CSS to style the table.

Example here: http://jsfiddle.net/peduarte/UU2AX/




回答2:


Sounds like you need a table row (or CSS div, or whatever), running across the whole page, for each page/paragraph that you wish to be aligned. This would force shorter language to be padded with space at the end so that the next page/paragraph starts off in the right place.



来源:https://stackoverflow.com/questions/8254867/css-tables-parallel-two-columns-for-different-languages

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!