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

来源:6-3 为导航条添加标题、二级菜单及状态

欧欧欧欧_0

2017-11-07 23:30

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

http://img.mukewang.com/5a01c9a90001787506030237.jpg

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

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

http://img2.mukewang.com/5a01cbe30001ff8d02400106.jpg

http://img3.mukewang.com/5a01cbe40001f51a02000101.jpg


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


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

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

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

http://img1.mukewang.com/5a01d06300016e5105990237.jpg

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

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

就酱~~

写回答 关注

5回答

  • 慕哥7364677
    2020-08-14 11:55:49

    你这个是什么编辑器


  • 七月lyr
    2018-09-23 17:41:32

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

  • yiyepiaoling
    2018-08-08 21:01:28

    点个赞

  • Richard_Li
    2017-12-27 12:46:23

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

  • 欧欧欧欧_0
    2017-11-07 23:51:40

    自问自答 哈哈哈

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题