javascript - 在 css 中动态更改内容

Question

我设置了溢出：滚动；因此，如果内容大小增加，它会增加滚动。相反，我需要减少内容的百分比，以便它完全在框中。我可以在css中设置任何变量吗？还有其他方法可以实现吗？

PS我是CSS的新手。

Answer 1

正如@Kile 所说，CSS 不能测量和计算，只能声明规则。您必须使用 javascript 或服务器端来计算要减少的内容百分比。也许如果您添加代码或屏幕截图，我们可以为您提供更多帮助

一旦你可以做的就是使用overflow:hidden，但这并不会减少内容，它只会隐藏比父 div 更大的文本的其余部分。

Answer 2

CSS 无法减少超出的内容。所以你将不得不使用Javascript。否则，如果您想隐藏超出的内容。您可以通过提供溢出来做到这一点：隐藏；这将隐藏您超出的内容。这意味着它将仅显示可以进入该特定 div 的内容。因此，通过不以其他方式显示超出的内容，它会减少。

Answer 3

你为什么不试试“溢出：自动；” 这将在需要时添加滚动，否则不会。

顺便问一下你在问什么？？？

无论没有滚动条有多大，您是否试图将所有内容都放入框内？

如果这就是您要查找的内容，那么您需要根据要使用 javascript 插入框中的内容来更改字体大小，并在运行时更改大小。