6.0w+
社区成员
- 全部
- 问答
input内文字垂直居中问题（兼容ie&ff），等待中！
<style type="text/css">
<!--
input {
text-align:center;
height:400px;
line-height:400px;
width:200px;
vertical-align:middle;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
background:url("IMG.JPG") #fff no-repeat center;
}
-->
</style>
<body style="text-align: center">
<input>
</body>
该文本框高度设置为400px，希望其背景图和输入文字都垂直水平居中。而现在在ie里效果正常，在ff中图片正常，input的文字只能水平居中，如何才能垂直也居中？请教！
<!--
input {
text-align:center;
height:400px;
line-height:400px;
width:200px;
vertical-align:middle;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
background:url("IMG.JPG") #fff no-repeat center;
}
-->
</style>
<body style="text-align: center">
<input>
</body>
该文本框高度设置为400px，希望其背景图和输入文字都垂直水平居中。而现在在ie里效果正常，在ff中图片正常，input的文字只能水平居中，如何才能垂直也居中？请教！
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
seabell 2007-12-04
谢谢lkh42002，结帖。
cheungbo 2007-12-04
input改为textarea?
lkh42002 2007-12-04
input {
text-align:center;
padding-top:194px;
padding-bottom:194px;
width:200px;
vertical-align:middle;
margin-right:auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
background:url("IMG.JPG") #fff no-repeat center;
}
text-align:center;
padding-top:194px;
padding-bottom:194px;
width:200px;
vertical-align:middle;
margin-right:auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
background:url("IMG.JPG") #fff no-repeat center;
}
IE&FF兼容性问题 以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila Firefox document.form.item 问题 现有问题：现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 MF 下运行 解决方法：改用 ...
前端面试题 前端面试题汇总 ... 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 21 ... 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点？...img的alt与title有何异同？...
HTML标签常用标签 注释标签用于在源代码中插入注释。注释不会显示在浏览器中。 2、 声明标签 声明必须是 HTML 文档的第一行，位于 标签之前。 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的...
解决弹出层水平垂直居中 兼容问题 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="...meta h
一行代码解决各种IE兼容问题 在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案 百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 1.<!Doctypehtml> 2.<...
修改 html file 文字,input file文字可修改兼容各浏览器 怎样设置input标签css样式解决浏览器兼容问题HTML里的input节选，from：http://wuchengyi.javaeye.com/blog/829288浏览器兼容问题一直是前段开发工程师比较头痛的问题，熟悉了里面的规则也就变得简单了，/*CSS*/....
IE6 浏览器常见兼容问题 出处：网易博客-独行冰海：IE6 浏览器常见兼容问题 大汇总1.<!DOCTYPE HTML>文档类型的声明。产生条件：IE6浏览器，当我们没有书写这个文档声明的时候，会触发IE6浏览器的怪异解析现象；解决办法：...
css 如何ie7 兼容性问题,CSS对浏览器的兼容性性处理(IE7,6与Fireofx) CSS对浏览器的兼容性性处理(IE7,6与Fireofx)发布时间：2013-08-21 18:57:46 作者：佚名 我要评论IE7,6与Fireofx的兼容性的处理实在是让前端WEB开发者为之而头疼的事情，建议尽量用符合W3C标准格式写代码，本文搜集...
DIV CSS IE6/IE7/IE8/FF兼容问题汇总 1.IE8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" ...
解决ios苹果input存在重影边框和placeholder垂直位置偏上问题 ios 苹果中input框存在重影边框问题 placeholder垂直位置偏上问题 先看图 解决之后 /* 解决input在ios存在重影边框问题 去掉默认样式，上边框的阴影 */ .placeholderFontsize{ font-size: 0.38rem; outline: ...
全面的IE兼容性调试问题 1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px;然后插入文字，就垂直居中了。缺点是要控制内容不要换行2.margin加倍的问题设置为float的div在ie下设置的margin会加倍。...
ie7的css兼容性写法,CSS- ie6,ie7,ie8 兼容性写法,CSS hack写法 css ie6,ie7,ie8 兼容性写法,CSS hack写法margin-bottom:40px; /*ff的属性*/margin-bottom:140px\9; /* IE6/7/8的属性 */color:red\0; /* IE8支持 */*margin-bottom:450px; /*IE6/7的属性*/ +margin-bottom...
IE6 浏览器常见兼容问题 大汇总 综述：虽然说IE6在2014年4月将被停止支持，但是不得不说的是，IE6的市场并不会随着支持的停止而立刻消散下去，对于WEB前端开发工程师来说，兼容IE6 兼容各个浏览器，依然是不得不面对的工作。 在此总结了常见的...
浏览器兼容性问题解决方案之CSS——已在IE、FF、Chrome测试 在浏览器兼容之JavaScript篇——已在IE、FF、Chrome测试和浏览器兼容性问题解决方法，已在IE、FF、Chrome测试中已经对浏览器中存在的CSS的兼容性和JS的兼容性进行了简单说明，现在继续对浏览器中存在的CSS的兼容性...
常见的IE布局兼容问题 (1)div 中内容在IE和火狐中居中问题； （2）高度的问题，div出现重叠 （3）浮动引发的问题如外围DIV无法框住内部元素； （4）IE浮动margin产生双倍距离-display：inline； （5）padding 问
IE对于overflow:hidden;及其它CSS属性不兼容问题 CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并 整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE ...
CSS兼容IE6,IE7,FF的技巧 一、CSS HACK 以下两种方法几乎能解决现今所有HACK....important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) PLAIN TEXT CSS: #wrapper { width: 100px!important; /* IE7+...
web前端兼容性问题总结 1.HTML对象获取问题 ...ie:document.idname或者document.getElementById("idName").解决办法：统一使用document.getElementById("idName"); 2. const问题 说明:Firefox下,可以使用const关键字...
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox) 1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 powered by 25175.net2. margin加倍的问题设置为float的div在...
最全整理浏览器兼容性问题与解决方案 常见浏览器兼容性问题与解决方案 所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站...
DIV+CSS IE6/IE7/IE8/FF兼容问题汇总 1.IE8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="ie=7" /> 2.flaot浮动造成IE6下面...
最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox) CSS 对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了 一下.对于web2.0的过度,请尽量用...1.div的垂直居中问题 vertical-
主流浏览器兼容性问题与解决方案 主流浏览器兼容性问题与解决方案 所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站...
OpenGL-实现视频播放(FFMpeg) 课程采用FFMpeg作视频解码，采用OpenGL实现视频的渲染，从RGB数据的绘制，到直接渲染YUV数据，实现三路YUV数据单纹理的输入，提升系统性能，接着采用PBO方式优化内存到显存的传输，实现DMA传输，解放CPU,将解码和渲染分离到不同的线程中，极大的提升了系统的性能。后介绍视频特效的实现。 介绍如何采用OpenGL渲染视频帧数据，从固定管线到可编程管线一次实现，采用PBO实现DMA数据传输处理，以及简单的视频特效的实现。
