css解決方案:

來源:互聯網
上載者:User

1.>

在div中如果設定height高度小於20px,並且內容是空白的,那麼ie6下高度的設定將不會起作用,ie會設定一個預設高度20px,解決辦法就是設定font-size:1px即可,就是設定預設字型大小為最小就可以了。

ie8、Firefox下不存在這個問題。

2.>

中間有 文字,圖片,表單元素(text,button,單選,多選等)垂直置中,代碼

1 <label style="display: inline-block; vertical-align: middle;">淡淡的點點滴滴滴滴</label><select name="f" style="vertical-align: middle;display: inline-block;"><option>文字對齊</option></select>
2 <input name="" type="button" value="垂直置中" style="vertical-align: middle;"/><img src="../Images/icon_rss.gif" style="vertical-align:middle;" />
3

 

文字

文字對齊

記住表單元素記得加上 vertical-align:middle 這個是關鍵,文字呢 就用lable裝起來,圖片把圖片設定為文字流也就是 display:inlin;vertical-align:middle,在IE6下如果表單前沒有文字也加個空label才能使div裡面的元素垂直置中,在這個混合垂直置中的例子,一定要有個label

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.