Question

我在HTML中有一些基于行的文本内容（出现在<p>标记中）。

此行中的文本内容可以是一行或两行，具体取决于文本的长度。例如，如果一行，则最多可包含30个单词。我希望根据文本行数自动设置line-height。

我想这可以使用JavaScript或jQuery使用if语句完成。由于我是这两种语言的新手，我不知道如何满足我的要求。请指导我使用完整语法编写适当的代码，而不只是选择行。

让我知道在哪里添加语法，即身体内部的头部或底部，这将是一个很大的帮助，因为它会产生影响。

更新

在以下链接中添加了抓取功能 - http://justpaste.it/2t4d

让我知道是否需要更多细节......谢谢！

更新小提琴可在 - http://jsfiddle.net/ravk/M4GSR/

获得

根据fiddel，我希望行高自动设置文本是单行还是两行（不多于两行）...并垂直居中到基本div。

Answer 1

是的，这可以通过 JAVASCRIPT

来完成

添加以下代码：

   <body>
      <p id = 'p'> // your text </p>
    </body>
      <script type = 'text/javascript'>
         p = document.getElementsByClassName('txt-mid')
         for(i in p){   
          no_of_words = p[i].innerHTML.length
          alert(no_of_words)
           if(no_of_words <= 30){
             p[i].style.lineHeight = '100px'
           }
          else{
            p[i].style.lineHeight = '50px'
          }
            }
      </script>

这是fiddle

需要为不同的行高文本设置line-height属性

1 个答案: