如何在一个html文件中处理不同语言的同一文档的并行视图?

如何在一个html文件中处理不同语言的同一文档的并行视图?,html,css,Html,Css,我需要用两种不同的语言并行显示同一文档,但我在调整相同的高度时遇到问题,因为一种语言中的某些段落比另一种语言中的段落长。如何在不为每个段落创建特定ID的情况下完成此操作?提前谢谢 我试过设置最大宽度,并将文本分成更小的框,但实际上我不知道如何解决这个问题 这是一段代码 <style type="text/css"> #left{ width: 40%; float: left; } #right{ width: 40%; float:

我需要用两种不同的语言并行显示同一文档,但我在调整相同的高度时遇到问题,因为一种语言中的某些段落比另一种语言中的段落长。如何在不为每个段落创建特定ID的情况下完成此操作?提前谢谢

我试过设置最大宽度,并将文本分成更小的框,但实际上我不知道如何解决这个问题

这是一段代码

<style type="text/css">
    #left{
    width: 40%;
    float: left;    
}
#right{
    width: 40%;
    float: right;
</style>

<body>
<section id="left" lang="eng">
<h1>title</h1>
<div>some text</div>
<div>some text</div>
</section>
<section id="right" lang="hr">
<h1>title in croatian</h1>
<div>same text but in croatian</div>
<div>text in croatian</div>
</section>
</body>

#左{
宽度:40%;
浮动:左;
}
#对{
宽度:40%;
浮动:对;
标题
一些文本
一些文本
克罗地亚语标题
同一文本,但使用克罗地亚语
克罗地亚文文本

将元素放在网格中,并使其在列中流动,每行的高度定义为最小内容

main{
显示:网格;
栅隙:10px;
网格模板列:重复(2,50%);
网格模板行:min content min content min content;
网格自动流:列;
}

例子
敏捷的棕色狐狸跳过懒惰的狗

完成所有的工作,不必为自己的财产买单,不必为自己的财产买单,不必为自己的财产买单,不必为自己的财产买单,不必为自己的财产买单,不必为自己的财产买单,不必为自己的财产买单饮食不属于居住板块的元素,不属于ullamcorper、arcu nunc Egesta nunc、eget bibendum和amet neque的自由

已完成

勒勒纳尔·布伦·拉皮德(renard brun rapide)用油炸简·帕雷索(Le chien paresseux)

完成所有的工作,不必为自己的财产买单,不必为自己的财产买单,不必为自己的财产买单,不必为自己的财产买单,不必为自己的财产买单,不必为自己的财产买单,不必为自己的财产买单饮食不属于居住板块的元素,不属于ullamcorper、arcu nunc Egesta nunc、eget bibendum和amet neque的自由

完成


你能提供一些代码吗?如果我的每个文档的元素不超过4个(因为网格模板行),那么它是有效的,但是我的文档有几百个段落……有没有一种方法可以使用网格而不说明行数(网格模板行:min content)?谢谢你的帮助!