在css中动态更改内容

Question

我设置了overflow：scroll;所以如果内容大小增加，它会添加滚动。相反，我需要减少内容的百分比，所以它会完全在框中。有没有我可以在CSS中设置的变量？有没有其他方法可以实现它？

P.S.我是CSS新手。

Answer 1

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

顺便问一下你在问什么？

你是否试图适应盒子里面的所有内容，不管它有多大，没有滚动条？

如果这就是你正在寻找的，那么你需要改变字体大小根据你要插入你的框中使用javascript和在运行时改变大小的内容。

Answer 2

超出的内容不能被CSS减少。所以你将不得不使用Javascript。 否则，如果你想隐藏超出的内容。你可以通过给溢出来做到这一点：隐藏;这会隐藏你超出的内容。这意味着它将只显示可以进入特定div的内容。所以通过不显示超出内容的方式来减少它。

Answer 3

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

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