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

相關文章

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.