span标记内的IE 8文本超出了div

时间:2012-04-20 11:46:43

标签: css alignment html

我正在使用<span>在弹出式div中显示一行地址它在所有浏览器中都能正常工作但在IE 8中(仅)它的工作范围内的内容不在弹出式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

1 个答案:

答案 0 :(得分:2)

尝试这样

.message table td span{width:80px; white-space:normal;}