-1

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

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

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

此外，让我知道在哪里添加语法（即在正文的头部或底部）将是一个很大的帮助，因为它会有所不同。

更新：

在以下链接上添加了一个抓取 - http://justpaste.it/2t4d

如果需要更多详细信息，请告诉我...谢谢！

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

根据 fiddel，我希望 line-height 自动设置文本是单行还是两行（不超过两行）......并垂直居中放置到基本 div。

4

1 回答 1

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>

这是小提琴

于 2013-06-08T20:16:52.187 回答