HTML TD换行文字

我想包装一些添加到元素的文本.我试过了 .但它并没有包装文本.是否必须给它100%的宽度？我有其他控件要显示,所以只有15%的宽度可用.

1> Jitender Mah..：

---

包装TD文本

首先设置表格样式

table{
    table-layout: fixed;
}

然后设置TD Style

td{
    word-wrap:break-word
}

---

有意思......在Chrome中,我不得不在td样式中使用`white-space:normal`来使包装工作(而不是`word-wrap:break-word`)

---

我想它没有被加入,因为它在chrome中不起作用...... :-(webkit的任何解决方案？

---

在Chrome中完美地为我工作.

2> Alsciende..：

---

HTML表格支持"table-layout:fixed"css样式,可防止用户代理使列宽适应其内容.您可能想要使用它.

---

我尝试过这个解决方案,但它似乎不适用于Chrome.我有一个动态填充的表,其超链接超过单元格宽度的两倍.'table-layout:fixed'解决了表拉伸的问题,但没有包装文本; 相反,它继续延伸页面的右侧.我错过了什么吗？

3> scunliffe..：

---

我相信你已经遇到了表格中的22个.表格非常适合在表格结构中包装内容,并且它们可以很好地"拉伸"以满足其所包含内容的需求.

默认情况下,表格单元格将拉伸以适合内容...因此您的文本只会使其更宽.

有一些解决方案.

1.)您可以尝试在TD上设置最大宽度.

2.)您可以尝试将文本放在包装元素(例如跨度)中并对其设置约束.

Hello World...

请注意,旧版本的IE不支持min/max-width.

由于IE本身不支持max-width,因此如果你想强制它,你需要添加一个hack.有几种方法可以添加黑客攻击,这只是一种方法.

在页面加载时,仅对于IE6,获取表格的渲染宽度(以像素为单位)然后获得15%的宽度并将其作为宽度应用于该列中的第一个TD(或者如果您有标题则为TH),以像素为单位.

4> Costin..：

---

table-layout:fixed将解决扩展单元格问题,但将创建一个新问题.IE默认情况下会隐藏溢出,但Mozilla会将其渲染到框外.

另一个解决方案是使用: overflow:hidden;width:?px

 

   
fearofthedarkihaveaconstantfearofadark
   

     test
   
 

5> 小智..：

---

.tbl {
    table-layout:fixed;
    border-collapse: collapse;
    background: #fff;
 }

.tbl td {
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

致于http://www.blakems.com/archives/000077.html

6> All Іѕ Vаиіт..：

---

这对我有一些css框架(材料设计精简版[MDL]).

table {
  table-layout: fixed;
  white-space: normal!important;
}

td {
  word-wrap: break-word;
}