gpt4 book ai didi

css - 如果文本溢出其容器,我如何确保字体大小减小?

转载 作者:行者123 更新时间:2023-11-28 06:35:49 26 4
gpt4 key购买 nike

我的网站上有这些 div,它们包含的文本有时太宽而无法容纳其中的 h4 元素。

"The Presentation" spilling out of its' container

现在我已经将这些样式应用于这个特定的 h4:

h4 {
font: {
family: "Nexa";
size: 3.25em;
weight: 600;
}
line-height: 135%;
letter-spacing: 0.15rem;
text-transform: uppercase;
}

我正在使用 em 测量来改变它的大小。这种情况有没有更合适的衡量标准?

编辑解释我的问题为何不重复:考虑到我的样式是相互依赖的,使用视口(viewport)测量单位对我的情况没有帮助。我试过确认。

最佳答案

你可以试试这个:

h4 {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

并且您需要在祖先的 HTML 元素中设置语言:

<article attr1="valor" attr2="valor" ... lang="en">

<html attr1="valor" attr2="valor" ... lang="en">

查看更多: Css Tricks

关于css - 如果文本溢出其容器,我如何确保字体大小减小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34694898/

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