html - Une rangée de textarea est de combien de hauteur?
Je veux connaître la hauteur d'une rangée de textarea. Je veux le savoir parce que je veux faire des calculs. Le savons-nous ou devons-nous écrire des scripts?
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; }
En inspectant l'élément textarea, vous découvrez qu'il a une hauteur de 12px.
Fondamentalement, c'est la même chose que ce que le line-height est défini. Vous pouvez soit le définir explicitement, soit déterminer son contenu, et partir de là.
Vous pouvez également déterminer la valeur de line-height (ou de tout style) en utilisant currentStyle ou getComputedStyle, conformément à cette réponse pourobtenir la hauteur de ligne d'un div:
https://stackoverflow.com/a/4392968/142714
Et si vous avez jQuery, vous pouvez utiliser .css() , qui résume ce qui précède (il y a des différences de navigateur à prendre en compte).