0

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

<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>

呈现的 HTML 的屏幕截图

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

我知道我可以将单元格扩展一个固定的数量，做这样的事情：padding-right: 10px;但为此我必须确保这个填充“软糖值”足够大以适应大字体大小，这会为较小的字体大小创建不必要的空白空间。

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

4

0 回答 0