為什么這兩段代碼的渲染方式不同？<button>text1</button>
<button>text2</button>與<button>text1</button><button>text2</button>編輯澄清：我們可以在這個(gè) Fiddle中看到：在不同的行中寫(xiě)入控件會(huì)在它們之間添加空白（控制臺(tái)檢查無(wú)法到達(dá)該空白，但可以清楚地看到）在同一行中寫(xiě)入控件則不會(huì)。
2 回答
吃雞游戲
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊
這是因?yàn)闉g覽器除了特殊情況（例如標(biāo)簽）之外沒(méi)有換行符或制表符的概念，<pre>因此無(wú)論何時(shí)找到它們，它都會(huì)將它們轉(zhuǎn)換為空格。請(qǐng)記住，它將忽略除第一個(gè)之外的所有空格、換行符和制表符。您的代碼中可以有 30 個(gè)連續(xù)換行符和 100 個(gè)空格，但在瀏覽器中它將呈現(xiàn)為 1 個(gè)空格。
即使只有換行符但沒(méi)有空格或縮進(jìn)的代碼在渲染時(shí)仍會(huì)顯示空格。
示例：帶有換行符但沒(méi)有空格的代碼：
????<button>text1</button> ????<button>text2</button>
由于換行，它仍然會(huì)在它們之間呈現(xiàn) 1 個(gè)空白字符。您可以在小提琴中驗(yàn)證這一點(diǎn)。
通常，像這樣的任何類型的格式都是由 CSS 處理的。
catspeake
TA貢獻(xiàn)1111條經(jīng)驗(yàn) 獲得超0個(gè)贊
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 關(guān)注
- 170 瀏覽
添加回答
舉報(bào)
0/150
提交
取消