CSS exceeds the specified width plus ellipsis

/*table-layout:fixed will make the table equally divided*/#TreeView1 Table{width:290px;Table-layout:fixed; }#TreeView1 Td:first-child{width:8%;}/*+ Select the next sibling node Note + There are spaces before and after*/#TreeView1 Td:first-child + TD{width:6%;}/*[attribute] An element that contains a property*/#TreeView1 Td[class]{width:80%;text-align: Left;}/*here's the point.*/#TreeView1 Td.node{White-space:nowrap;Overflow:Hidden;Text-overflow:ellipsis; }

Table-layout:fixed will make the table equal, but not nervous, you can use the selector to adjust the height of each column

Http://www.w3school.com.cn/cssref/css_selectors.asp

Especially for IE8 use CSS2 selector to control as much as possible.