為什么這兩段代碼的渲染方式不同？<button>text1</button>
<button>text2</button>與<button>text1</button><button>text2</button>編輯澄清：我們可以在這個 Fiddle中看到：在不同的行中寫入控件會在它們之間添加空白（控制臺檢查無法到達該空白，但可以清楚地看到）在同一行中寫入控件則不會。
2 回答
吃雞游戲
TA貢獻1829條經驗 獲得超7個贊
這是因為瀏覽器除了特殊情況（例如標簽）之外沒有換行符或制表符的概念，<pre>因此無論何時找到它們，它都會將它們轉換為空格。請記住，它將忽略除第一個之外的所有空格、換行符和制表符。您的代碼中可以有 30 個連續換行符和 100 個空格，但在瀏覽器中它將呈現為 1 個空格。
即使只有換行符但沒有空格或縮進的代碼在渲染時仍會顯示空格。
示例：帶有換行符但沒有空格的代碼：
????<button>text1</button> ????<button>text2</button>
由于換行，它仍然會在它們之間呈現 1 個空白字符。您可以在小提琴中驗證這一點。
通常，像這樣的任何類型的格式都是由 CSS 處理的。
catspeake
TA貢獻1111條經驗 獲得超0個贊
HTML 中的“EOL”你必須告訴它，嘗試放在<br>按鈕之間。
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Case 1</h1>
<button>text1</button>
<br>
<button>text2</button>
<h1>Case 2</h1>
<button>text1</button>
<br>
<button>text2</button>
</body>
</html>
- 2 回答
- 0 關注
- 156 瀏覽
添加回答
舉報
0/150
提交
取消