字体大小取决于字符长度?

发布于 2024-12-29 11:58:06 字数 111 浏览 1 评论 0原文

是否可以根据 div 中的字符数来更改其字体大小?我有小型固定宽度 div (100px) 中的相册标题。有时,专辑名称包含太多字符,以至于需要换行。所以我想知道是否可以重新调整字体大小以使标题保持在一行上?

Is it possible to change the div's font-size depending on how many characters are in it? I have image album titles in small fixed width div's (100px). Sometimes the album names have too many characters that they force a new line. So I was wondering if it is possible to re-size the font to keep the title on one line?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

意中人 2025-01-05 11:58:06

是的,通过将变量分配给类:

在您的 css 中:

.longstring {
  font-size: 10pt;
}
.shortstring {
  font-size: 14pt;
}

在您的视图中

<?php
$random_number = '42';
if(strlen($div_string)>$random_number){
    $font_class = 'longstring';
}else{
    $font_class = 'shortstring';
}?>
<div class="<?php echo $font_class; ?>">
    <?php echo $div_string; ?>
</div>

Yes, by assigning a variable to a class:

In your css:

.longstring {
  font-size: 10pt;
}
.shortstring {
  font-size: 14pt;
}

In your view

<?php
$random_number = '42';
if(strlen($div_string)>$random_number){
    $font_class = 'longstring';
}else{
    $font_class = 'shortstring';
}?>
<div class="<?php echo $font_class; ?>">
    <?php echo $div_string; ?>
</div>
瞳孔里扚悲伤 2025-01-05 11:58:06

没有CSS方法可以做到这一点,您可以使用javascript或 text-overflow CSS3

There is not a css way to do it you can use javascript or text-overflow in css3

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文