Question

我的工具提示文本没有用ie6中的给定文本换行，实例http://jsfiddle.net/hWAJh/

所有其他浏览器文本都被包装，但在IE6中没有，使用的代码如下。

HTML代码

<div id="CountryDiv" class="toolTipHolder">  
    <p>
        <img src="question-mark.png" alt=""/>
        <span>Best tooltip goes here for user information, can you feel this?</span>   
    </p>
</div>

CSS代码

div.toolTipHolder {
    position:relative;
    z-index:24; 
}

div.toolTipHolder p{ 
    display:block;
    position:absolute;
    top:0; 
    left:0; 
    width:150px;
    height:150px;
    background-color:#FFF; 
    border:blue 1px solid;
    color:#000;
    text-align: left;
    font-size:11px;
    padding:5px;
}

div.toolTipHolder p span {
    padding-left:5px;
    width:150px;
    word-wrap: break-word;
    border:red 1px solid;
}

Answer 1

改变如下，它对我有用。

div.tooltipText {
    margin-left:5px;
    width:80%;
    height:140px;
    font-size:11px;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space : normal      /* Internet Explorer 5.5+ */
}

Answer 2

添加，

white-space:nowrap

为IE6工作。

ie6文字包装问题

2 个答案: