0

我正在制作一份清单，清单中的一些项目很短，有些项目很长。如果文本很长，我不想换行。我正在寻找一种方法，不让换行，而只是减小字体大小，然后它可以放在一行中。像线宽这样的东西？！或者如果我不想在进入下一行时显示其余文本怎么办。因此，如果文本大于它刚刚放置的一行......并且不在下一行显示其余部分。

这是我到目前为止所做的：

  .Music li .songName{
    background:url(img/play-button.png) no-repeat left center;
    background-size:40px;
    padding-left:45px;
    float:left;
    padding:5px;
    font-size:40px; 
    text-transform:uppercase;
    font-family: 'Raleway', sans-serif; 
    font-weight:300;
   }

任何想法？

4

1 回答 1

1

在普通的 css 中，我认为它是不可能的，或者它不会跨浏览器兼容（尤其是 IE）。所以解决方案是使用javascript/jQuery。我发现这个插件http://fittextjs.com/可以帮助你调整文本大小（还没有尝试过）。
我正在考虑的其他解决方案是在 div/span 元素中添加文本并测量它和父 div 的宽度，并在页面加载时调整大小（类似于这里的讨论：http: //css-tricks.com/ forums/topic/is-it-possible-to-adapt-font-size-to-div-width/）我希望这对您的研究和解决您的问题有帮助 :) 这里是来自该主题的示例（http:/ /jbdes.net/dev/js/fontsize.html）。必须稍作修改

例如： if ($("span").width > $("div").width) 然后调整大小。

于 2013-09-07T17:07:20.430 回答