geew
V2EX  ›  问与答

一个很纠结的 css 样式问题

  •  
  •   geew · Dec 3, 2014 · 2523 views
    This topic created in 4224 days ago, the information mentioned may be changed or developed.
    看图吧
     来源推特, 大家可以去看看

    问题是: 这几个空隙是怎么来的, 没看到页面上写空格, 也没看到样式里面有设置啊 莫名其妙的就有了空格, 样式抄过来我的都没空格. 怎么做到的啊
    11 replies    2014-12-03 16:36:45 +08:00
    zzetao
        1
    zzetao  
       Dec 3, 2014
    66beta
        2
    66beta  
       Dec 3, 2014
    @zzetao 一楼头像的表情很到位
    arbipher
        3
    arbipher  
       Dec 3, 2014
    @66beta 二楼的也很到位啊
    geew
        4
    geew  
    OP
       Dec 3, 2014
    @zzetao 你这不是推特上的代码吧
    zzetao
        5
    zzetao  
       Dec 3, 2014
    @66beta (°△° ; )
    geew
        7
    geew  
    OP
       Dec 3, 2014
    问了我一个前端的同事 搞明白了 html代码里 回车和空格是一样的 都会在页面上展示成空格, 但是回车的话用浏览器查看代码是看不到的
    geew
        8
    geew  
    OP
       Dec 3, 2014
    @zzetao 不是问空格的表示方法哦
    jkjoke
        9
    jkjoke  
       Dec 3, 2014
    @geew 果真是回车的问题
    66beta
        10
    66beta  
       Dec 3, 2014
    @jkjoke
    @geew
    是的,行内元素间换行产生的

    aaa<span>bbb</span>
    ==========================>
    aaa
    <span>bbb</span>
    learnshare
        11
    learnshare  
       Dec 3, 2014   ❤️ 1
    空格、tab 缩进、换行 在 HTML 里都作为空白符处理,显示效果就是“空格”。默认是将多个空白符合并为一个“空格”的,也可以通过 CSS 的 white-space 属性来设置不同的处理方式。

    参考 http://www.w3school.com.cn/cssref/pr_text_white-space.asphttps://developer.mozilla.org/en-US/docs/Web/CSS/white-space
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1033 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 23:39 · PVG 07:39 · LAX 16:39 · JFK 19:39
    ♥ Do have faith in what you're doing.