gpt4 book ai didi

html - 有没有最好的方法来证明 h1 文本与其包含的 div 一致?

转载 作者:行者123 更新时间:2023-11-28 03:33:33 28 4
gpt4 key购买 nike

我想要一个位于页面中央的 div,其中包含一行(两个单词)的 h1 文本,并且该文本与 div 的长度对齐;意思是,字母留出空间(同时保持它们的大小)以占据 div 的整个宽度,并且不要超出 div。而且,如果我更改浏览器设置以缩短页面宽度(例如放大),字母将压缩(到一个点,然后分成两行)。

我无法现实地列出我尝试过的所有事情,但都无济于事。其中包括我迄今为止在该网站上看到的所有建议。

真的有那么复杂吗?还是我只是漏掉了一些明显的东西?

请,请帮助。

对于此请求的“主观性”,我深表歉意。

最佳答案

所以您希望字体大小根据窗口宽度而变化?

在 CSS 中,你可以为 font-size 使用 vw 单位,这样可以响应窗口宽度,但需要反复试验,我猜猜。

除此之外,还有一个名为 fittext ( http://fittextjs.com/ ) 的 javascript 插件可以满足您的需求。我在一个网站上使用过它,它工作得相当可靠,

关于html - 有没有最好的方法来证明 h1 文本与其包含的 div 一致?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44598679/

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