固定表格布局，固定列的宽度，溢出字隐藏
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了固定表格布局，固定列的宽度，溢出字隐藏相关的知识，希望对你有一定的参考价值。
一、
<html>
<head>
<style type="text/css">
table.two
{
table-layout: fixed
}
</style>
</head>
<body>
<table class="two" border="1" width="100%">
<tr>
<td width="20%">1000000000000000000000000000</td>
<td width="40%">10000000</td>
<td width="40%">100</td>
</tr>
</table>
</body>
</html>
效果：
二、
<html>
<head>
<style type="text/css">
table.two
{
table-layout: fixed
}
td{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
</style>
</head>
<body>
<table class="two" border="1" width="100%">
<tr>
<td width="20%">1000000000000000000000000000</td>
<td width="40%">10000000</td>
<td width="40%">100</td>
</tr>
</table>
</body>
</html>
效果：
以上是关于固定表格布局，固定列的宽度，溢出字隐藏的主要内容，如果未能解决你的问题，请参考以下文章