textarea文本区域内有空格的小细节

textarea文本区域内有空格

今天写网页时,初始化后发现textarea文本区域内有空格
这里写图片描述
反复查看代码之后发现并无错误,直到后来发现了一个小细节

<textarea id="textarea"  style="width: 100px; height: 100px;">
</textarea><p id="count">0/10</p><br />

文本区域的标签头与尾并不在同一行,这在我们平常写代码时已经养成习惯了
例如:

为了方便维护,我们通常写代码时都是这种规范
<div>
    <div>
        <p>这是一段话</p>
    </div>
</div>

而不会写成
<div><div><p>这是一段话</p></div></div>

而恰巧这就造成了textarea标签头和尾之间会因为跨行而存有空格
这里写图片描述

将标签头的尾写在同一行就不会出现空格了

<textarea id="textarea"  style="width: 100px; height: 100px;"></textarea><p id="count">0/10</p><br />
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值