基本的CSS標籤對齊

嗨，基本上我是新來的CSS等，所以我的形式可能是可怕的，但昨晚它顯得abosloutely罰款....我沒有觸及它，並在今天上午加載該網站沒有正確顯示。基本的CSS標籤對齊

所以這裏是我的jsfiddle，

有人可以明智請解釋爲什麼它的夜間改變了？我相信我沒有觸及它。

感謝，

來源

2011-04-21 buymypies

你改變瀏覽器？ – 2011-04-21 11:00:10

對不起，你應該提到的是，不，我一直在使用firefox和chrome，兩者都在今天展示精美。 – buymypies 2011-04-21 11:01:01

所有你需要做的就是添加clear: left到：

#stylized label { 
    clear: left; 
    display: block; 
    float: left; 
    font-weight: bold; 
    padding-bottom: 12px; 
    padding-left: 2px; 
    padding-right: 2px; 
    padding-top: 3px; 
    text-align: right; 
    width: 180px; 
}

http://jsfiddle.net/userdude/7Zc6u/5/

發生了什麼事是上的用戶名的邊緣被抓獲的密碼標籤的邊緣標籤。

來源

2011-04-21 11:02:31

哎呀，到jsfiddle的鏈接是不正確的;我已經修復了它在Firebug中，但忘了將它添加到jsfiddle中的CSS。：\ – 2011-04-21 11:04:36

謝謝，我失去了爲什麼今天突然沒有工作。 – buymypies 2011-04-21 11:07:27

它允許元素清除浮動元素的尺寸。閱讀專家的一個很好的描述：http://www.quirksmode.org/css/clearing.html – 2011-04-21 11:07:42

更換填充

padding: 5px 3px 2px 12px;到#stylized label解決問題

或者使用

clear:left;在#stylized label

來源

2011-04-21 11:04:10 Gaurav

你不認爲'清楚：left'會更合適嗎？ – 2011-04-21 11:06:03

這確實有用，但更多的是我想知道的是它突然從工作中不工作了一夜：S – buymypies 2011-04-21 11:06:42

@Jared Farrish：謝謝，它只是沒有出現在我的腦海裏 – Gaurav 2011-04-21 11:07:55

基本的CSS標籤對齊

回答

相關問題