Question

这是我的jsFiddle示例：

http://jsfiddle.net/jsplashindia/LYUA5/1/

这是我的HTML和CSS：

<html>
<head>
<style type='text/css'>
    .testStyle {
    text-indent:30px;            
}
</style>

</head>
<body>

    <input type="text" class="testStyle">

</body>
</html>

基本上我需要在文本输入中得到缩进，如下所示：

This is the expected behaviour

然而，在IE 7和IE 8中，我得到以下行为：

observed behaviour in IE7/8

我需要摆脱文本输入字段的前导空格。是否有使用text-indext的替代方法，以便我在IE7 / 8和所有其他浏览器中获得预期的行为？

Answer 1

添加float:left

.testStyle {
    text-indent:30px;
    float:left      
}

<强> DEMO

或

使用padding-left

<强> DEMO 2

IE 7/8中文本输入的文本缩进替代

1 个答案: