html - 如何使自动调整的表格单元格足够宽，以使斜体文本不会溢出

以下Html显示了标准模式下Firefox，Chrome和IE8中表格单元格的斜体内容溢出情况。（在IE怪癖模式中，额外填充附加在表格单元格的右侧，因此文本不会溢出）

<html>
<head>
<style>
TD {
    BORDER: #000000 1px solid;
}
TD.Italic {
    FONT-STYLE: italic; Font-Size: 200%;
}
</style>
</head>
<body>
</body>
<table style="border-collapse: collapse;" >
<tr>
<td class="Italic">
fff
</td>
</tr>
</html>

screen shot of rendered HTML

使自动化表格单元格足够宽以使斜体文本不会溢出的最佳方法是什么？

我知道我可以按照这样的方式扩展单元格：padding-right: 10px;但为此我必须确保这个填充“软糖值”足够大以容纳大字体，从而产生不必要的数量白色空间用于较小的字体大小。

我不想剪辑文本或添加滚动条，我希望单元格足够宽以显示所有斜体文本。

如何使自动调整的表格单元格足够宽，以使斜体文本不会溢出

0 个答案: