CSS表格固定列宽

Posted 2020-08-03 暗里着迷

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS表格固定列宽相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
    table {
        table-layout:fixed;
    }
    table td {
        white-space:nowrap;
        overflow:hidden;
        word-break:keep-all;
        text-overflow:ellipsis
    }
</style>
</head>

<body>
<table width="600" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td>第一列</td>
    <td>第二列第二列第二列第二列第二列第二列</td>
    <td>第三列</td>
  </tr>
</table>
</body>
</html>

以上是关于CSS表格固定列宽的主要内容，如果未能解决你的问题，请参考以下文章

fastreport中列宽固定根据字段内容多少自动调整行高