HTML動態標籤插入看起來不同於靜態佈局

我用jquery編寫HTML接口。頁面上有可編輯的出版物列表，用戶可以單擊任何出版物來編輯詳細信息。彈出窗口隨數據一起顯示，並且有作者列表嵌入到詳細信息表單中。有編輯/刪除按鈕針對每個人+「添加新作者」按鈕。用戶在沒有頁面重新加載的情況下操縱作者。當我插入新的作者時，會有新的編輯/刪除按鈕被動態創建，嵌入到頁面中。HTML動態標籤插入看起來不同於靜態佈局

我插入標籤是這樣的：

<td class="author-actions"> 
    <img onclick='edit(id)' .../> 
    <img onclick='delete(id)' .../> 
</td>

其實都一樣是從網絡服務器發送出現彈出窗口，當HTML佈局。但不知何故，它看起來不同。儘管螢火蟲展示了相同的css屬性，但圖像之間還有額外的空間。

如果我選擇鼠標插入的佈局與IE瀏覽器，不知何故，它可以重新排序，併成爲像這些，通過網絡服務器發送相同的樣子。

它可能是什麼？

來源

2010-05-05 Andrew Florko

我認爲你的問題在於IE和firefox（以及幾乎所有的瀏覽器）對於他們認爲默認網頁應該看起來像什麼不同。嘗試查找「CSS重置」頁面。它是您在文件頂部的一組CSS命令，因此可以通過後面的規則首先應用，並將它們設置爲良好的一致空白狀態。 – thecoshman 2010-05-05 13:02:23

「檢查元素」圖像並查看FireBug HTML選項卡，查看圖像周圍的元素。可能是不必要的空白。 – 2010-05-05 13:14:09

是的，那是真的。使用jquery（append.append）構造頁面沒有換行符，但靜態佈局有。 – 2010-05-05 17:12:16

圖像是內聯元素，並且如果在每個img之間存在任何換行符或空格（如段落中的單詞），將在每個元素之間添加一個空格。您可以通過刪除元素之間的任何空格/換行符來解決此問題。

來源

2010-05-05 13:02:59 akamike

是的，我的靜態佈局有換行符，但jquery構建（.append.append ...）不插入任何換行符或空格:) – 2010-05-05 17:14:02

當您有超鏈接的圖像時，這一點尤爲明顯。

<a href="http://www.google.com/"> 
    <img src="google_logo.png" width="32" height="32" border="0"/> 
</a>

alt text http://img179.imageshack.us/img179/8580/blueunderline.png

上述規定，你經常會得到「額外藍色下劃線」的效果，由於收盤前</a>後的圖像中的空白。

解決方法是簡單地刪除空格。

來源

2010-05-05 13:16:05 scunliffe

謝謝，它的工作原理！ :) – 2010-05-05 17:15:35

HTML動態標籤插入看起來不同於靜態佈局

回答

相關問題