gpt4 book ai didi

javascript - 动态调整文本大小以填充 div

转载 作者:技术小花猫 更新时间:2023-10-29 12:41:30 27 4
gpt4 key购买 nike

<分区>

我一直在寻找一种解决方案来调整 div 中的文本大小以使文本填满整个 div 的高度和宽度,但无济于事。

我做了一些图片来帮助理解这个问题: Div 1

所以这是一个设置了高度和宽度的简单 div。这个高度和宽度不会改变,盒子里的文字会!所以我想要做的是使该文本填充整个 div 的宽度和高度,就像下图所示。

Div 2

我一直在研究下面的简单示例,但我根本不知道如何做。我试过用百分比设置相对字体大小,用溢出来做事,文本对齐都没有给我想要的结果。

<html>
<head>
<title>Test</title>
<style type="text/css">
#box1, #box2{
width: 400px;
height: 300px;
color: white;
margin: 10;
font-size:larger;
text-align:justify;
letter-spacing: 100%;
}

#box1 { background-color: green;}
#box2 { background-color: blue;}
</style>
</head>

<body>
<div id="box1">
Llorem ipsum foo bar baz
</div>
<div id="box2">
Foobar
</div>
</body>
</html>

这个问题甚至可以用简单的 CSS 解决,还是我必须做一些 javascript/jQuery?

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com