如何在HTML中移动DIV中的文本(当计算器中的数字变得太大时)
在HTML中移动DIV中的文本可以通过CSS的overflow属性来实现。当DIV中的文本内容超出DIV的宽度时，可以使用overflow: auto或overflow: scroll来显示滚动条，使用户可以通过滚动条来查看超出部分的文本。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
width: 200px;
height: 100px;
border: 1px solid black;
overflow: auto;
}
</style>
</head>
<body>
<div class="container">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris euismod, nunc id aliquet ultricies, nisl nunc tincidunt nunc, id lacinia nunc nunc id nunc. Sed auctor, nunc id aliquet ultricies, nisl nunc tincidunt nunc, id lacinia nunc nunc id nunc.
</div>
</body>
</html>在上述代码中，.container类定义了一个宽度为200px、高度为100px的DIV容器，并设置了overflow: auto属性。当DIV中的文本内容超出容器的宽度时，会显示一个水平滚动条，用户可以通过滚动条来查看超出部分的文本。
对于计算器中的数字变得太大的情况，可以通过动态改变DIV的宽度来适应文本的长度。可以使用JavaScript来实现这个功能。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
height: 100px;
border: 1px solid black;
overflow: auto;
}
</style>
<script>
function resizeContainer() {
var container = document.getElementById("container");
var text = document.getElementById("text");
container.style.width = text.offsetWidth + "px";
}
</script>
</head>
<body>
<div id="container" class="container">
<div id="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris euismod, nunc id aliquet ultricies, nisl nunc tincidunt nunc, id lacinia nunc nunc id nunc. Sed auctor, nunc id aliquet ultricies, nisl nunc tincidunt nunc, id lacinia nunc nunc id nunc.
</div>
</div>
<button onclick="resizeContainer()">Resize</button>
</body>
</html>在上述代码中，通过JavaScript的offsetWidth属性获取文本的实际宽度，并将其赋值给DIV容器的宽度，从而实现根据文本长度自动调整DIV宽度的效果。点击"Resize"按钮可以手动触发调整宽度的操作。
这里没有提及具体的腾讯云产品，因为在这个问题中没有明确要求提供相关产品信息。如需了解腾讯云的相关产品和服务，可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我已经编写了一个简单的JavaScript计算器，但我无法理解如何将数字放入Div-Box中。老实说，我真的不知道谷歌在做什么。我试过了。 任何帮助都将不胜感激！https://imgur.com/a/u6yBc1v (计算器和问题)
浏览 8提问于2019-01-11得票数 0
我有一个HTML页面，左侧有一个文本区域，右侧有一个div。两者都有100%的高度和50%的宽度。div有一个溢出，所以它永远不会拉伸页面。我希望在文本区域中输入的所有内容都被复制到div中，这样它们就永远是相同的。虽然这没有问题，但当页面内容变得太大，我们开始滚动时，它就会出错。我想把div和文本</
浏览 0提问于2012-01-20得票数 0
回答已采纳
1回答
我正在用CSS/HTML/JavaScript做一个计算器。当用户输入的数字或表达式对于显示器来说太大时，我希望显示器侧向滚动，以便始终显示最新的输入。现在，所有发生的事情是滚动条弹出，但停留在最左边的位置。 我已经在this JSFiddle中包含了一个完整的示例。我还在下面包含了相关的CSS和HTML代码片段。fff;
font-siz
浏览 11提问于2020-07-09得票数 0
回答已采纳
2回答
截断标号的开头
、、
我有一个标签(NSTextField)，文本对齐对齐。当文本变得太大而无法显示时，文本的末尾将被截断(在标签的右侧)。在我的例子中，我实际上希望截断文本的开头。如何在接口生成器或代码中实现这一点？Now期望的
| entence is too long |
浏览 0提问于2015-02-04得票数 1
回答已采纳
2回答
在我的应用程序中，我有一个特定大小的按钮，我不想更改。该按钮的内容最初为"0“，每当有人按下该按钮时，该按钮就会增加1，例如，按3之后，内容将为"3”。然而，过了这么长时间，内容变得太大(比如100)，不适合按钮，它的末尾将完全消失在按钮的边缘。我想要做的是让文本调整大小，并在需要时变得更小，这样所有的文本都保持在按钮内，但将
浏览 4提问于2014-12-26得票数 1
回答已采纳
使用add按钮显示从两个文本框中添加值的计算器将在html中生成另一个文本框。<ion-content> <label>
<input type="number" placeholder<input type="number" placeholder=&q
浏览 2提问于2015-08-11得票数 0
回答已采纳
我正在运行这段代码，其中一个数字可能会太大而不是一个整数。我定义这个数字：在最开始的时候，但是当它变得太大时，比如9999999991，它不可能这么大，大概是1410065408。我的问题是，我如何让java编译器知道这个数字可能会变得太大，只是在计算过程中让它一直变长？
提前感谢！
浏览 6提问于2018-01-22得票数 4
回答已采纳
我使用datalist向特定的文本输入建议数据的选择，但是当datalist的大小变得太大时(我还不知道正确的数字，但很确定当数据列表的大小大于40时会发生这种情况)。value="成都"><input type="text" list="citysuggest"
浏览 3提问于2014-12-22得票数 1
回答已采纳
1回答
当涉及到这件事时，我是一个新手和新手，但这真的让我恼火。> 每次都要打开计算器才能完成这个任务，这实在是太烦人了，因为我要处理的数字太大了。我想知道是否有一种方法可以得到这两个数字的总和，并自动填充文本字段，所有这些都打包到一个脚本中，我可以在Tampermonkey中使用
浏览 20提问于2021-03-22得票数 0
回答已采纳
3回答
当按钮变得太大时，我怎样才能防止文本掉到按钮下面呢？family=Raleway:wght@500;900&display=swap" </head><body>
浏览 4提问于2021-06-01得票数 2
1回答
我目前正在为我的CS类编写一个程序，它应该是一个简单的计算器，具有加/减/乘/除的功能。在显示文本时，我希望让它看起来尽可能类似于Windows计算器，一个正方形的显示窗口，文本右下角对齐。当操作符被单击时，它应该显示在第二行上，然后是缩进，然后是第二个数字。插入数字的代码和一切工作正常。显示代码没有。我读到我应该使
浏览 1提问于2014-05-26得票数 0
2回答
我想查看最后添加的文本块的内容。这意味着我想要自动滚动到结尾，并在添加更多文本时查看隐藏内容...就像在Windows计算器中一样。
在计算器中，当我输入更多的数字时，它只显示最后输入的数字。当没有足够的空间时，以前输入的数字将被隐藏。我也想做同样的事情..
浏览 0提问于2013-08-02得票数 3
回答已采纳
2回答
使用单个通用命令处理多个按钮
、、、、
我正在构建一个简单的计算器应用程序。我还在学习如何在我的应用程序中应用MVVM模式。
我希望我的计算器中的每个“数字”按钮都绑定到相同的命令，它们只会在引发命令的按钮的数字(文本)上有所不同。例如，当单击按钮"1“时，我希望收到有关它的通知，从发送者的</e
浏览 0提问于2012-01-21得票数 3
回答已采纳
13回答
我是编程新手，我不是很了解，但我正在做一个计算器，我想使用一个只接受数字和小数的文本框，当用户从剪贴板粘贴文本时，文本框会删除任何文字字符，如MS calc。谢谢如何在C#中创建数字文本框？我使用了掩码文本框，但它不能接受小数。我读过一些关于重载OnKeyPress方法的文章，这样它就可以纠正任何错误的
浏览 8提问于2009-02-03得票数 4
回答已采纳
当我试图在一个单元格中显示一个数字时，这个数字可以从很小到很大不等，比如3.3078854415193856e+107。但正如你在下面看到的，它们超出了细胞的极限。这是代码，其中的数字将：> <text class="my-text-topda
浏览 3提问于2020-04-06得票数 0
回答已采纳
我试图制作一个简单的计算器，它必须集中在最后一个数字上，这样当文本太长时，用户仍然可以看到他/她正在键入的内容。另外，当插入符号不在字符串的末尾(使用箭头键)时，按下数字按钮将把它放回字符串的末尾。你是怎么做到的？
浏览 3提问于2016-08-11得票数 1
5回答
我很难理解php是如何计算标准数学函数的。在一个具体的例子中，我有这样的计算：当用php执行时，它会产生这个数字: 1,368,038,113
现在，当我从逻辑上看这个问题，并从左到右计算总和时，这个数字甚至不太接近。使用廉价的简单计算器，它放弃了在最后两次256的乘法之前尝试计算它，
浏览 1提问于2012-06-09得票数 0
回答已采纳
3回答
我想做一个简单的计算器。int *one = 1;下一步，我所做的就是让按钮上的动作点击，并说标签从那个按钮中获得价值：我也为另一个按钮做了同样的动作。在这一步之前，一
浏览 4提问于2015-04-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
