用CSS让img input select button 照片,文字框,往下拉菜单

日期:2020-10-25 类型:科技新闻 

关键词:免费自助建站,手机建站平台,wap建站,免费自助建站平台,H5网站,H5模板建站

现如今这世间,各大访问器猖狂,杯具的是还不按套路来。
便捷了众多人民群众,害苦了网页页面设计方案师。
说真话真怀恋当年微软垄断性的时期。
仅有1个IE6.甚么事也不容易产生。
尽管IE6也是非常的废弃物...

1直以来,在HTML中,img input select button 这里元素,竖直对齐,较为难。
結果我长大了。
我发现了1个现像,实际上处理这些难题只是1句话的事。
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>