html - 如果我从左到右书写，如何更改换行方向以保持旧行在顶部和新行向下突破？

Question

我使用 vue 制作了一个迷你应用程序，它将文本翻译成匈牙利语 rova​​s 脚本。每个匈牙利语字母与 1 个符号相关联。但译文必须从右向左书写。每个字母都是 1 乘 1 绘制的，并保存为 png 图像。该应用程序逐个字母地检查输入文本，并从右到左呈现相应的图像。我的问题是这条线向上突破。所以最旧的线到达底部。我想将第一行保留在顶部。我怎样才能扭转换行符，这样它就不会将旧线(图像线)向下推而是向上推？这是应用程序: https://murmuring-badlands-73974.herokuapp.com/

我试过颠倒数组，反之亦然，尝试其他解决方案，这样我就可以从左到右开始写等等。我只是好奇换行符是否可以按照我描述的方式进行操作。

<div class="inputtext">

 <label for="rovas">Fordítani kívánt szöveg:</label>
 <textarea class="rovas" id="rovasiras" cols="50" rows="5" v- 
   model="name"> 
 </textarea>              

<div class="translated">

   <template v-for="(betu, index) in betut().reverse()">

      <img v-bind:src="'./images/' + betu + '.png'"  height=" 25px"   
          style="margin: 5px" alt="-">              

   </template> 
</div>
</div> 

预期的结果应该是翻译的句子或段落从右到左开始，第一行翻译始终在顶部..

Answer 1

如果您以正常方式打印，即从左到右，任何新行的插入都将位于现有或旧行下方，因为您使用的是反向功能，所以一切都以相反的方式发生，它从右到右打印向左并通过向下推将新行插入旧行之上，

回答: 为了克服这个问题，我们需要使用 dir="rtl"，即您将方向指示为从右到左。查找引用点击here