Question

我使用vue制作了一个迷你应用程序，该应用程序将文本翻译成匈牙利rovas脚本。每个匈牙利字母都带有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

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

1 个答案: