关于行内块元素的一个空格问题

按照常用的代码书写习惯,在两个元素之间都会使用回车。

现象一:假设上述两个元素是行内块元素,当它们的父元素足够宽使得他们在同一行时,其间会有一个空格的存在,此时这个空格在浏览器中是可以用鼠标框选来选中的。

现象二:当这两个行内块元素的父元素的宽度是一个定值且不能同时容纳它们时,它们就会被迫转行,但此时那个空格就无法在浏览器中用鼠标框选来选中(大范围框选也看不到那个空格)。

现象三:假设上述两个元素是行内元素,它们在因其父元素宽度不够而导致转行的时候是可以通过鼠标框选来选中那个空格的,只是无法进行单独框选(大范围框选就可以看到那个空格)。

上述三种情况中,除父元素外的两个元素内是否有少量的文字并不影响以上的三个现象。

我感到疑惑的地方在于,在现象二中,前一个元素末尾看似是不显示那个空格的,但该空格仍旧占据空间,会导致行内块元素因为宽度不够而换行。那么为什么不能框选它?(个人觉得现象一和三中可以选中空格是很合理的,因此对现象二中不能选中空格的情况感到有一点奇怪)

偶然发现这个神奇的空格问题,做个记录,也许以后有一天会弄清楚这个问题。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值