html - 输入标签的文本对齐

Question

我使用以下代码来对齐输入文本字段的内容:

Path <input type="text" value="http://stackoverflow.com/questions" style="text-align: right;">

问题:
这在长文本的情况下不起作用。

由于我正在显示文件夹路径，所以我有兴趣显示最后一个文件夹。
我浏览了很多与文本对齐相关的帖子，但他们都建议使用“text-align: right”。

Answer 1

您可以将文本输入的 direction 更改为 rtl 以便它显示路径的最后一部分。

有关更多信息，请参阅我对此处类似问题的回答:

• How to cut off overflow on the left side

input[type="text"] {
  /* text-align: right; */
  direction: rtl;
}

Path <input type="text" value="https://stackoverflow.com/questions">