Имея двуязычный текст, я хочу отобразить параграфы рядом. Каждый абзац расположен внутри TD , два связанных параграфа формируют один tr . Таким образом, соответствующие абзацы выровнены по горизонтали. Результат прост и почти удовлетворительен:
Источник HTML выглядит как:
table { width: 100%; }
td { padding-right: 2em; vertical-align: top; width: 50%; }
.no { padding-right: 1em; font-size: x-small; color: maroon; }
td img {display: block; margin-left: auto; margin-right: auto; }
This is the text in one language.
Toto je text v druhém jazyce.
This is a long text [...] needed.
Toto je dlouhý text [...] potřeby.
This is a long text [...] needed.
Toto je dlouhý text [...] potřeby.
Let the next chapter starts after the horizontal line.
Další kapitola je oddělena vodorovnou čárou.
This is a long text [...] needed.
Toto je dlouhý text [...] potřeby.
This is a long text [...] needed.
Toto je dlouhý text [...] potřeby.
< /code>
Я хотел бы добавить функциональность, чтобы иметь возможность: или скрыть один из языков или перемещать разветвитель между языками. Цель состоит в том, чтобы представить выбранный язык, и только тогда, когда пользователь хочет видеть обоих бок о бок. Если вы предлагаете лучшее решение, я рад принять его.
Подробнее здесь: https://stackoverflow.com/questions/796 ... e-language
