IE5和IE6换行符不起作用

时间:2014-12-10 11:17:02

标签: css internet-explorer whitespace

我对IE5和IE6上的换行有疑问 (我已经在IE模拟器http://i58.tinypic.com/2whfo5s.png上进行了测试)
ie5和IE6通常支持“white-space:normal”, 但在我的例子中不起作用。

(它已在Firefox和Chrome上运行。)

HTML代码:

<div>
    <div style="float: left; width: 50%;">

        <div style="width: 100%;" id="element1">
            <input
                value="a b c d e f g h i j k l m n o p r s t u y z a b c d e f g h i j k l m n o p r s t u y z a b c d e f g h i j k l m n o p r s t u y z a b c d e f g h i j k l m n o p r s t u y z"
                type="button">
        </div>
    </div>
    <!-- end of line 7  -->


    <!-- line 8  -->
    <div style="float: left; width: 50%;">

        <div style="width: 100%; margin-left: 1px;" id="element2">
            <input
                value="a b c d e f g h i j k l m n o p r s t u y z a b c d e f g h i j k l m n o p r s t u y z a b c d e f g h i j k l m n o p r s t u y z a b c d e f g h i j k l m n o p r s t u y z"
                type="button">
        </div>
    </div>
    <!-- end of line 8  -->
</div>

CSS:

#element1 input,
#element2 input{
    white-space: normal;
    height: 64px !important;
    width:100%;
    border: medium none !important;
    background-color: #0288D1 !important;
    color: #FFF !important;
    padding: 3px 0px 0px 4px !important;
}

JSFiddle:http://jsfiddle.net/aldimeola1122/qu2moj33/

你能帮帮我吗? 提前致谢

0 个答案:

没有答案