上下文：我有一个文本的两个版本，一个是英文版本，另一个是翻译版本。我希望将两者并排显示在两列中。然而，与每个翻译一样，有些段落比原文更小或更大，我希望它们对齐，即保持段落的第一句在原文和翻译文本中对齐：
En Paragraph Translated Paragraph
Large en paragraph Shorter translation
with 3 with 2 lines
lines
Both are aligned At the top of the
Like this. paragraph
然而，由于 HTML 页面的构造方式，我将原始文本和翻译文本交错在交替的段落中：
.container {
display:flex;
flex-wrap:wrap;
}
.container > p {
flex-basis:50%;
flex-grow:1;
}
<div class="container">
<p>Large en paragraph with 3 lines (English)</p>
<p>Shorter translation with 2 lines (Translation)</p>
<p>Both are aligned Like this. (English)</p>
<p>At the top of the paragraph (Translation)</p>
</div>
因此我在容器中使用了 flex box 并将段落设置为 flex-grow: 1; flex-basis: 50% 以强制两列。
但是，当我尝试选择文本以从呈现的页面复制它时，光标选择两列（遵循结构）。我想要的是用户能够选择英文文本或翻译文本。
我怎么能这样做呢？
MMTTMM
潇潇雨雨
相关分类