CSS溢出设置 - 模拟在计算器中输入长方程

时间:2017-05-16 01:36:18

标签: css overflow

我的项目是计算器。我试图模拟输入一个长于显示宽度的长数学方程式。我希望方程式的左侧在屏幕太长时滚动屏幕。

实施例: 50 + 200x25 / 43-500x60(这是计算器屏幕的宽度) 50 + 200x 25 / 43-500x60-45x200(BOLD中的部分应滚动屏幕)

等式在段落标记内。我不确定如何为以下内容设置CSS:

#lcd {
  font-size: 40px;
  text-align: right;
  text-overflow: clip;
  overflow-x: hidden;
  white-space: nowrap;
  direction: ltr
}

我认为方向应该是" rtl"但它不起作用。操作员最终在数字的错误一侧。)

1 个答案:

答案 0 :(得分:1)

要滚动到屏幕左侧,您必须使用direction: rtl代替direction : ltr

我创造了一个展示这个here的小提琴。

我不确定您对于操作员在数字的错误一侧的意思是什么,因为没有'运营商'本身;整个事情只是一个文本字符串,除了在屏幕上看不到的某些字符串之外,不会以任何方式进行修改。

希望这有帮助! :)