Comment étendre un SVG verticalement jusqu'à une cellule d'un tableau ?
J'ai un tableau simple avec SVG dans les cellules du tableau :
<html> <body> <table style="width: 8em;"> <tr> <td style="border: 1px solid black;"> <svg viewBox="0 0 1 1" style="width: 1.37em;" preserveAspectRatio="none"> <polyline points="0,0 1,0.5 0,1" style="fill: blue;"></polyline> </svg> </td> <td style="border: 1px solid black;">Lorem ipsum dolor sit amet</td> </tr> </table> </body> </html>
Comme vous pouvez le constater, d'autres cellules de la ligne peuvent être trop longues, entraînant ainsi une modification de la hauteur de la ligne par rapport à la valeur par défaut, introduisant un écart entre le SVG et ses bordures supérieure et inférieure.
Comment faire en sorte qu'un SVG s'étire ou se rétrécisse automatiquement pour remplir ses cellules verticalement sans modifier ses dimensions horizontales ?
