为了账号安全,请及时绑定邮箱和手机立即绑定

一样的代码,得出的效果不一样的同学看过来,我知道为什么了

在老师的源码的 .navbar-header里面分别有3个中文全角空格,用其他编辑器是可以看得出来的:

http://img1.sycdn.imooc.com//5a01c9a90001787506030237.jpg

——————————————————————————————————————————

————就是它们!!!撑开了容器,导致两个div的宽度不一样

http://img1.sycdn.imooc.com//5a01cbe30001ff8d02400106.jpg

http://img1.sycdn.imooc.com//5a01cbe40001f51a02000101.jpg


但是能被电脑存储,识别的东西,不代表我们人类就能直接打出来啊 (╯°Д°)╯︵ ┻━┻


————————但是我非得要和效果一模一样怎么办?————————

好吧,大家都知道,如果要在HTML显示空格啊、大小于号之类特殊字符,都需要通过  <> 来转义。

同样,我们也可以在我们的代码前面,添加对应的特殊字符来达到相应的效果:

http://img1.sycdn.imooc.com//5a01d06300016e5105990237.jpg

  = 中文全角空格
  =   = 普通的英文半角空格

至于更多的HTML的空格占位符,大家可以尽情百度。

就酱~~

正在回答

5 回答

你这个是什么编辑器


0 回复 有任何疑惑可以回复我~

哇,我也找了好久,都没发现

0 回复 有任何疑惑可以回复我~

点个赞

0 回复 有任何疑惑可以回复我~

不错,我也是纠结了好久,,看了你的答案,瞬间明朗了。。

0 回复 有任何疑惑可以回复我~

自问自答 哈哈哈

2 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

一样的代码,得出的效果不一样的同学看过来,我知道为什么了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信