使用換行符和製表符時,它們在文檔中顯示爲空白。有時候我想保持元素在單獨的行上以保持整潔。但我不希望有一個空間:如何防止製表符和換行符成爲空格?
<body>
<div>1</div>
<div>2</div><div>3</div>
</body>
(暗示inline-block的)呈現爲
1 23
例子:https://jsfiddle.net/uaz2kb74/1/
使用換行符和製表符時,它們在文檔中顯示爲空白。有時候我想保持元素在單獨的行上以保持整潔。但我不希望有一個空間:如何防止製表符和換行符成爲空格?
<body>
<div>1</div>
<div>2</div><div>3</div>
</body>
(暗示inline-block的)呈現爲
1 23
例子:https://jsfiddle.net/uaz2kb74/1/
無論您壓縮代碼或標記HTML元素之外的一切,評論
<body><!--
--><div>1</div><!--
--><div>2</div><div>3</div><!--
--></body>
任何顯示爲內聯的東西都會將其中的空白數視爲實際空間。
如果您想解決該問題,在該示例中,您可以將font-size: 0;
應用於正文,然後爲每個div指定非零字體大小。
這是最簡單的方法,但對於什麼比這更大例如你想成爲一個更具體一點有關應用的是0字體大小。
這裏的工作的例子,https://jsfiddle.net/uaz2kb74/3/
解決方案,由大衛·沃爾什這個內嵌塊元空間的完整清單here,和其他的網絡和堆棧溢出這裏,因爲它是一個非常普遍的問題!
直到他們爲'白色空間坍塌支撐:discard'在CSS中你的解決方案是可能是市場上最好的之一。 – Wh1T3h4Ck5