引導按鈕動態添加不同的渲染中的那些標記

我有類似這樣的標記：

.spancenter { 
    margin:0 auto !important; 
    float:none !important; 
    text-align:center !important; 
} 

<div class="row-fluid"> 
    <div class="span12"> 
     <div class="spancenter"> 
      <input id="btnSave" name="btnSave" class="btn" type="button" value="Save" /> 
      <input id="btnCancel" name="btnCancel" class="btn" type="button" value="Cancel" /> 
     </div> 
    </div> 
</div>

如果我得到的HTML通過AJAX（即從字面上說$('#divWrapper').html(thehtml);。它呈現不同：

enter image description here

（上一個是從AJAX，底部是一個靜態標記）

在Firebug中它們看起來完全相同。

他們爲什麼呈現不同？

來源

2013-10-25 user982119

打開chrome - > dev tools - > elements選項卡 - >計算樣式，以查看兩者之間的實際差異。 – adamb

你能提供一個複製問題的例子嗎？ –

我們只是談論他們之間的底部和頂部之間的空間？ –

輸入是HTML中的內聯元素，就像上面的例子，它們之間會有空格。如何擺脫它，有幾種方法，其中一種方法是編寫無空格的HTML，例如

<input type="button" 
/><input type="button" />

或

<input type="button" /><input type="button" />

你的Ajax響應可能是沒有任何空格的字符串，所以它就像使用這個技巧。這就是爲什麼按鈕不同。

至於一般的外觀 - 他們是一樣的。只需從最下面的一排按鈕放到最上面的原料上 - 你會發現這是一種錯覺。

來源

2013-10-26 20:35:46 Stefan

引導按鈕動態添加不同的渲染中的那些標記

回答

相關問題