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

标签 html css text-alignment text-justify

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

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

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

请,请帮助。

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

最佳答案

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

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

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

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

相关文章:

jquery - 平滑变换菜单下划线

html - 当用户滚动到页面部分时触发 CSS 动画

javascript - 根据内容的长度使 div 成为浏览器高度的 100%

javascript - 如果浏览器不是 Internet Explorer 9 或更高版本,则显示一条消息

html - 标题 h2、div 和字幕颜色在 Safari 中不起作用

c# - 使用手动设置的高度对齐上下文菜单项垂直居中的文本

ios - 在 SwiftUI HStack 中对齐旋转的文本

c++ - Win api MessageBox 替代方案,它有一组文本对齐 : center

javascript - Angular 路由在不同的浏览器中表现奇怪/不同

html - 如何更改 Bootstrap 字形图标的颜色?