Dans certains tableaux, les données sont trop volumineuses pour être insérées. La cellule est donc agrandie verticalement pour tenir compte de cette situation. Ainsi, les lignes qui présentent un débordement sont deux fois plus hautes que les lignes contenant des données moins volumineuses. C'est inacceptable. Comment puis-je forcer le tableau à avoir la même hauteur de ligne de 1em ?
Voici un balisage qui reproduit le problème. Le tableau ne doit avoir que la hauteur d'une ligne, le texte débordant étant masqué.
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
table { width:250px; }
table tr { height:1em; overflow:hidden; }
</style>
</head>
<body>
<table border="1">
<tr>
<td>This is a test.</td>
<td>Do you see what I mean?</td>
<td>I hate this overflow.</td>
</tr>
</table>
</body>
</html>