表格单元格宽度-固定宽度、包装/截断长单词

我有一个包含不同长度文本的单元格的表格。所有表格单元格的宽度必须相同。如果这意味着截断长单词或强制打断长单词,那么这没关系

我想不出有什么办法能让它起作用

这是针对内部客户端应用程序的,因此只需要在IE6和IE7中工作

下面是一个示例页面。包含一个真正的长单词的单元格是有问题的单元格

<!DOCTYPE html PUBLIC“-//W3C//DTD XHTML1.0//EN”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<头>
<style type=“text/css”>
td{宽度:30px;}
&lt/风格>
&lt/头>
<车身>
<表border=“2”>
<tr>
<td>word&lt/td>
<td>两个字&lt/td>
<td>onereallylongword&lt/td>
&lt/tr>
&lt/表>
&lt/车身>
&lt/html>

只要您固定表格本身的宽度并设置表格布局属性,这就非常简单:

<!DOCTYPE html PUBLIC“-//W3C//DTD XHTML1.0//EN”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<头>
<style type=“text/css”>
td{宽度:30px;溢出:隐藏;}
表{宽度:90px;表布局:固定;}
&lt/风格>
&lt/头>
<车身>
<表border=“2”>
<tr>
<td>word&lt/td>
<td>两个字&lt/td>
<td>onereallylongword&lt/td>
&lt/tr>
&lt/表>
&lt/车身>
&lt/html>

我在IE6和IE7中对此进行了测试,它似乎运行良好

发表评论