Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
调整文本大小的HTML_Html_Css - Fatal编程技术网

调整文本大小的HTML

调整文本大小的HTML,html,css,Html,Css,我想要一个500英尺高的潜水艇。文本将动态插入到此div中。将插入不同的文本长度。现在,我的div扩展以容纳全文。如何让文本收缩,使其始终在边界内?不能使用HTML和CSS动态调整文本大小。您可以将div高度设置为500px,并可以滚动或隐藏任何额外的文本 您可以使用JavaScript动态地重新调整文本的大小,但是如果文本长度变化很大,该解决方案可能不实用。如果低于10px,您的文本将无法阅读。除非文本长度范围较小,否则我建议您不要缩小文本。它很快就会变得小而难以辨认。最好隐藏文本,然后在悬停

我想要一个500英尺高的潜水艇。文本将动态插入到此div中。将插入不同的文本长度。现在,我的div扩展以容纳全文。如何让文本收缩,使其始终在边界内?

不能使用HTML和CSS动态调整文本大小。您可以将div高度设置为500px,并可以滚动或隐藏任何额外的文本


您可以使用JavaScript动态地重新调整文本的大小,但是如果文本长度变化很大,该解决方案可能不实用。如果低于10px,您的文本将无法阅读。

除非文本长度范围较小,否则我建议您不要缩小文本。它很快就会变得小而难以辨认。最好隐藏文本,然后在悬停或类似的方式下显示。您是否有示例或已有代码?收缩是指缩小字体还是从字符串中剪切一些字符?与其收缩文本,滚动条是否足够?我可以继续扩展div,但真正的问题是,我在可扩展div中有绝对定位的项,当它收缩得太小时,我的绝对项会移出容器。有没有办法让相对容器中的绝对项在容器膨胀/收缩时更好地自我调整?@spentiak,你能给我们举个例子吗。如果可以的话,把它贴上去。