html - Une ligne de textarea est de combien en hauteur?

Je veux connaître la hauteur d'une ligne de textarea. Je veux savoir car je veux faire quelques calculs. Ne nous le connaissons ou avons-nous à faire quelques scripts?

Si vous voulez juste pour savoir le nombre de lignes il y a, juste diviser par \r\n \r \n respectivement.

OriginalL'auteur Mohammad Areeb Siddiqui | 2013-07-04

  1. 17

    La hauteur d'une ligne est définie par line-height.

    Par exemple:

    <textarea rows="1">hello world</textarea>

    Si vous définissez les éléments suivants:

    textarea { line-height: 1; font-size: 12px; border: none; margin: 0; padding: 0; }

    Par l'inspection de l'élément textarea vous verrez qu'il a une hauteur de 12px.

    OriginalL'auteur Ruben Kislaki

  2. 2

    Fondamentalement, c'est la même quelle que soit la line-height. Vous pouvez soit définir explicitement, ou de comprendre ce que c'est, et à partir de là.

    Voici un exemple

    OriginalL'auteur gotohales

  3. 0

    Vous pouvez également déterminer la valeur de line-height (ou n'importe quel style) à l'aide de currentStyle ou getComputedStyle, que par cette réponse pour obtenir la hauteur de la ligne d'un div:

    https://stackoverflow.com/a/4392968/142714

    Et si vous avez jQuery vous pouvez utiliser .css(), qui résumés ci-dessus (il y a des différences de navigateurs à prendre en considération).

    OriginalL'auteur a darren