在css中动态更改内容

Question

我设置了溢出：滚动;所以如果内容大小增加，它会添加滚动。而不是我需要减少内容的百分比，所以它将完全在框中。我可以在css中设置任何变量吗？有没有其他方法可以实现它？

P.S。我是CSS的新手。

Answer 1

超出内容不能通过CSS减少。所以你必须使用Javascript。 否则，如果要隐藏超出的内容。你可以通过给出溢出来实现：隐藏;这将隐藏你超出的内容。这意味着它只会显示特定div内的内容。因此，通过不显示超出内容，另一方面它会减少。

Answer 2

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

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

Answer 3

你为什么不试试“overflow：auto;”这将在需要时添加滚动，否则不会。

顺便问一下你在问什么？

你是否试图装入盒子里面的所有内容，无论它有多大而没有滚动条？

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