您现在的位置是:网站首页> 编程资料编程资料
用CSS让img input select button 图片,文本框,下拉菜单,按扭垂直居中的方法_CSS教程_CSS_网页制作_
2021-09-08
838人已围观
简介 一直以来,在HTML中,img input select button 这里元素,垂直对齐,比较难。结果我长大了。我发现了一个现像,其实解决这些问题只是一句话的事。
如今这世道,各大浏览器横行,杯具的是还不按套路来。
方便了广大群众,害苦了网页设计师。
说实话真怀念当年微软垄断的时代。
只有一个IE6.什么事也不会发生。
虽然IE6也是相当的垃圾...
一直以来,在HTML中,img input select button 这里元素,垂直对齐,比较难。
结果我长大了。
我发现了一个现像,其实解决这些问题只是一句话的事。
img, input, select, button{vertical-align:middle;}
如:
垂直居中测试
方便了广大群众,害苦了网页设计师。
说实话真怀念当年微软垄断的时代。
只有一个IE6.什么事也不会发生。
虽然IE6也是相当的垃圾...
一直以来,在HTML中,img input select button 这里元素,垂直对齐,比较难。
结果我长大了。
我发现了一个现像,其实解决这些问题只是一句话的事。
img, input, select, button{vertical-align:middle;}
如:
复制代码
代码如下:
相关内容
- IE6,IE7下按钮(BUTTON)变宽的解决方法_CSS教程_CSS_网页制作_
- div+css打造可变高宽的圆角框 _CSS教程_CSS_网页制作_
- 30个你不可不知的CSS选择器小结_CSS教程_CSS_网页制作_
- 什么是CSS Sprites(图片合并)技术 图文介绍_CSS教程_CSS_网页制作_
- 利用label标签和CSS美化文件上传表单(不兼容IE6)_CSS教程_CSS_网页制作_
- 去掉checkbox边框的方法(css)_CSS教程_CSS_网页制作_
- div+css是网页排版技巧分享_Div+CSS教程_CSS_网页制作_
- CSS 网站性能优化笔记_CSS教程_CSS_网页制作_
- html css中id和class的区别比较_CSS教程_CSS_网页制作_
- 10个很棒的 CSS3 开发工具 推荐_css3_CSS_网页制作_
点击排行
本栏推荐
-
魔兽世界9.0马卓克萨斯背部幻化怎么得 马卓克萨斯boss骨堆刷新机制分享_网络游戏_游戏攻略_
-
魔兽世界9.0实验型构造体部件在哪 实验型构造体组件获取方法_网络游戏_游戏攻略_
-
魔兽世界9.0身居其中任务怎么做 身居其中任务流程_网络游戏_游戏攻略_
-
魔兽世界9.0塞兹仙林的迷雾老二怎么分辨 塞兹仙林的迷雾老二boss辨别技巧_网络游戏_游戏攻略_
-
魔兽世界9.0典狱长之怒能打几次 典狱长之怒是日常还是周常_网络游戏_游戏攻略_
-
魔兽世界9.0周常任务1000心能怎么做 第二周1000心能速刷攻略_网络游戏_游戏攻略_
-
魔兽世界9.0闪雾奔行者怎么得 冷酷的瓦尔菲尔坐骑获取流程_网络游戏_游戏攻略_
猜你喜欢
- 魔兽世界9.0马卓克萨斯背部幻化怎么得 马卓克萨斯boss骨堆刷新机制分享_网络游戏_游戏攻略_
- 魔兽世界9.0实验型构造体部件在哪 实验型构造体组件获取方法_网络游戏_游戏攻略_
- 魔兽世界9.0身居其中任务怎么做 身居其中任务流程_网络游戏_游戏攻略_
- 魔兽世界9.0塞兹仙林的迷雾老二怎么分辨 塞兹仙林的迷雾老二boss辨别技巧_网络游戏_游戏攻略_
- 魔兽世界9.0典狱长之怒能打几次 典狱长之怒是日常还是周常_网络游戏_游戏攻略_
- 魔兽世界9.0周常任务1000心能怎么做 第二周1000心能速刷攻略_网络游戏_游戏攻略_
- 魔兽世界9.0闪雾奔行者怎么得 冷酷的瓦尔菲尔坐骑获取流程_网络游戏_游戏攻略_