当框达到一定宽度时如何调整文本大小

时间:2018-09-25 15:18:53

标签: css css3

我有来自数据库的数据。我想调整宽度框的文本大小,以便它不会下降到其下方的行。但是,我只想在文本达到一定宽度时调整其大小。数据将变化,因此文本框的宽度将变化,并且屏幕上显示多个记录。我希望文本保持不变,但是只有宽度较大的文本才需要调整大小。其他文字,我想保持不变。我在网上看了一下,但找不到任何可以帮助这种特殊情况的东西。

1 个答案:

答案 0 :(得分:0)

您可能要签出>> https://css-tricks.com/fitting-text-to-a-container/

fitty('h1');
@import url('https://fonts.googleapis.com/css?family=Bowlby+One+SC');

h1 {
  text-align: center;
  font-family: 'Bowlby One SC', cursive;
}
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/fitty.min.js"></script>
<h1>Fit Me</h1>