如今這世道,各大瀏覽器橫行,杯具的是還不按套路來。
方便了廣大群眾，害苦了網頁設計師。
說實話真懷念當年微軟壟斷的時代。
只有一個IE6.什么事也不會發生。
雖然IE6也是相當的垃圾…
一直以來,在HTML中,img input select button 這里元素，垂直對齊,比較難。
結果我長大了。
我發現了一個現像，其實解決這些問題只是一句話的事。
img, input, select, button{vertical-align:middle;}
如:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>垂直居中測試</title>
<style type=”text/css”>
img, input, select, button{vertical-align:middle;}
</style>
</head>
<body>
<form name=”test” method=”POST”>
<input type=”text”name=”insert” /> <img src=”images/btn.gif”>
</form>
</body>
</html>
新聞熱點
疑難解答
