0
我有三個簡單的html按鈕,樣式爲height
- min-width
- 和border
。一個帶有文字,另一個帶有非制動空間,最後是空文本。CSS用空文本定位按鈕
我的諾貝爾問題是在瀏覽器視圖,最後一個空文本按鈕打印在不同的地方。
CSS:
.test {
height: 27px;
border: 1px solid #b4b1ff;
min-width: 54px;
}
HTML:
<button class="test">Text</button> <!-- with text -->
<button class="test"> </button> <!-- with Non Breaking Space -->
<button class="test"></button> <!-- Empty ?? -->
看到fiddle
謝謝Paulie_D我din't想想垂直對齊是的! – AkisC
那麼爲什麼空按鈕會破壞內聯流?看起來OP想要一些解釋,而不是一些**修復**。 –
非常好,因爲內聯元素的**默認**對齊是'基線',空元素正試圖與文本的基線對齊。我確定OP可以谷歌「基準」。 :) –