Question

我使用的是Chrome版本38.0.2125.104（64位）。在this.select（）上，Textarea中的空格正在崩溃。

<style>
.custom-input {
font-size: 12px;
width: 100%;
color: #555555;
}
.parent-div {
white-space: nowrap;
}
.child-div textarea {
white-space: inherit;
}
</style>

<div class="parent-div">
<div class="child-div">


<textarea class="md-input ng-binding" type="text" readonly="" onclick="this.select();"          rows="4">                          &lt;img       src="http://www.nikhilmaheshwari.in"
                      alt="ITs my homepage, see http://www.nikhilmaheshwari.in" height="1" width="1" /&gt;
                    </textarea>

 </div>
</div>

检查JS小提琴http://jsfiddle.net/nikdtu/vqfefjwo/

我知道几个决议，但我有兴趣知道它的原因。请建议您是否可以分享可能的原因。

编辑：它使用“white-space：pre-line;”或“white-space：pre;”或“白色空间：预包装;”但不使用“white-space：nowrap;”或“白色空间：正常;”或“white-space：inherit;”（如果父级是普通或现在的任何一种）

Answer 1

从textarea标记

中删除内部空间

<textarea class="custom-input ng-binding" type="text" readonly="" onclick="this.select()" rows="4">&lt;img src="http://www.nikhilmaheshwari.in" alt="Its my homepage !, see preview @  http://www.nikhilmaheshwari.in" height="1" width="1" /&gt;</textarea>

它对我来说很好。

使用onClick =“this.select（）;”Chrome在Textarea中使用空格进行崩溃

1 个答案: