首頁>Program>source

Possible Duplicate:
線上阻止列表項之間的空格

我有一个html代碼JSFiddle演示.這是這裏的代碼:

<span style="display: inline">Hello Wo</span>
<span style="display: none;"></span>
<span style="display: inline">rld</span>​

我遇到的問题是在Hello world!中的'o'和'r'之間插入了額外的空格.維兹威兹 樣式設置為無,因此有人可以告诉我如何获得 display 短語中没有空格?

Hello World!
最新回復
  • 5月前
    1 #

    換行符匯致了它-http://jsfiddle.net/RhvjF/1/

    找不到特定的帖子,但是聪明的人提出了3種解決方法:

    將所有內容放在一行中(删除所有換行符)

    註釋掉換行符,例如

    <span style="display: inline">Hello Wo</span><!--
    --><span style="display: none;"></span><!--
    --><span style="display: inline">rld</span>
    

    設置容器 font-size0 並重新設置為 span -s

    UPDATE

    至少還有2種方法:

    破壞標簽,例如

    <span style="display: inline">Hello Wo</span
    ><span style="display: none;"></span
    ><span style="display: inline">rld</span>
    

    浮動元素,即 span { float: left }

  • 5月前
    2 #

    這是由換行引起的.您有两種選擇:

    删除換行符

    浮動您的內容。

    Option 1

    <span style="display: inline">Hello Wo</span><span style="display: none;"></span><span style="display:inline">rld</span>​
    

    Option 2

    <style>
        #spanContainer > span { float:left; }​
    </style>
    <div id="spanContainer">
        <span style="display: inline">Hello Wo</span>
        <span style="display: none;"></span>
        <span style="display: inline">rld</span>​
    </div>
    

  • 5月前
    3 #

    請參阅http://jsfiddle.net/RhvjF/2/

    HTML:

    <div id="wrapper">
        <span style="display: inline">Hello Wo</span>
        <span style="display: none;"></span>
        <span style="display: inline">rld</span>
    </div>
    

    CSS:

    #wrapper{
        font-size:0;
    }
    #wrapper>*{
        font-size:16px; /* Or whatever you want */
    }
    

  • sql:選擇資料到Postgres陣列中
  • jquery:如何让jqGrid重新載入到服務器?