1

我正在使用<span>在弹出 div 中显示一行地址，它在所有浏览器中都可以正常工作，但在 IE 8（仅）中它不起作用，跨度内容会从弹出 div 中消失

在弹出 div 内，所有内容都使用表格显示，并为 td 分配宽度。

其他浏览器的输出

|------------------|<--DIV message
|line1<--td1       |
|line2<--td1       |
|Here it goes the a|<--<tr><td>span</td></tr>
|ddress not goes   |  
| outside          |
|__________________|

IE8 中的输出

|------------------|<--DIV message
|line1<--td1       |
|line2<--td1       |
|Here it goes the a|ddress and it goes outside<--<tr><td>span</td></tr>
|                  |
|__________________|

包括跨度在内的所有内容在所有浏览器中都可以正常工作，但在 IE8 中它超出了范围。在 IE8 中，它不关心我分配给 td 的宽度。

HTML：

<div class="message">
<table>
<tr>
<td>
<span>Here it goes the a|ddress and it goes outside</span>
</td>
</tr>
</table>
</div>

CSS：

.message {width:320px;height:220px;}
.message table td{width:80px;}
.message table td span{width:80px;}//I tried like this it works in other browsers not in IE8
4

1 回答 1

2

像这样试试

.message table td span{width:80px; white-space:normal;}
于 2012-04-20T11:54:31.413 回答