`
jyangzi5
  • 浏览: 207852 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

按钮文字居中

 
阅读更多

在html的按钮中,怎么才能让文字垂直居中呢,包括在各个浏览器下,比如火狐,chrome

在firefox chrome opera等浏览器里,文字是默认垂直居中的,但是在ie 6 7 8下都是不居中的(IE还真是让人崩溃),这个时候第一想法就是给这个按钮写line-height啦,height:24px;line-height:24px; 写了最正常的一句,这时测试,发现只有ie6正常了,其它浏览器无变化,那只好继续写,line-height:24px;*line-height:26px;_line-height:20px; 这样写之后很开心,发现ie6 7 8都正常了,但是开心没一秒钟就杯具的发现chrome又不正常了,文字快靠底下了,只好继续修改,line-height:24px;line-height:26px\9;*line-height:26px;_line-height:20px;


文章来源于易贤网http://www.ynpxrz.com/n731547c2022.aspx

分享到:
评论

相关推荐

    FF(火狐浏览器)下解决按钮的水平居中

    按钮文字居中是不行的(此时设置padding-bottom是没用的) ; 等等… input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type=...

    Firefox下input button内文字不能垂直居中的解决方法

    按钮文字居中是不行的(此时设置padding-bottom是没用的) ; 3.等等… 解决办法: 复制代码代码如下: input[type=”reset”]::-moz-focus-inner, input[type=”button”]::-moz-focus-inner, input[typ

    tabbar居中效果

    tabbar上按钮位置控制,tabbar按钮实现居中

    LineEdit字体大小居中案例.py

    PyQt5中LineEdit设置文字大小背景颜色文字居中的演示案例, 按键触发按钮后,显示结果,注释清晰

    win SDK编写的对话框 源代码 有文字右对齐的文本框,LABEL(STATIC),按钮控件,右上角只有一关闭按钮,居中显示

    win SDK编写的对话框 源代码 有文字右对齐的文本框,LABEL(STATIC),按钮控件,右上角只有一关闭按钮,居中显示

    弹出层居中显示

    点击文字或按钮,弹出一个遮罩层并居中显示,单击其他地方,可以自动关闭遮罩层

    数据窗口美化-文字垂直居中颜色线条窗口自动缩放等演示

    1、定制Datawindow GRID模式的外观,包括线条、文本垂直居中、背景颜色和背景图片、选择块颜色、当前行颜色、合并表头、编辑框按钮等 2、提供了窗口自动控件缩放布局功能 3、改进了打开和保存对话框

    jQuery点击按钮弹出遮罩层且内容居中特效

    本文为大家分享了jQuery点击按钮弹出遮罩层且内容居中的特效,下面来看最终实现的效果: 由于是测试的程序,所以我未加关闭的按钮。 一、主体程序 <!DOCTYPE html> <html> <head> <meta ...

    iOS - UIButton(UIEdgeInsets)/设置button上的文字和图片上下垂直居中对齐

    主要介绍了iOS - UIButton(UIEdgeInsets)/设置button上的文字和图片上下垂直居中对齐的相关资料,需要的朋友可以参考下

    小程序搜索框效果.zip

    通过小程序实现搜索框动态效果,默认静态显示搜索框,搜索按钮及提示文字居中。点击搜索框搜索按钮及input框动态居左并获取焦点。失去焦点时,恢复之前的显示状态

    Android图文居中显示控件使用方法详解

    最近项目中用到了文字图标的按钮,需要居中显示,如果用TextView实现的方式,必须同时设置padding和drawablePadding。如下: <androidx.appcompat.widget.AppCompatTextView android:layout_width=200dp ...

    C# DrawString方法绘制文字

    C#使用自身的DrawString方法绘制文字,源码简单,示例演示了绘制过程,具体实现思路请参阅源码文件,运行示例程序后,点击“绘制文字”按钮,即可看到由DrawString方法生成的一行文字。运行效果截图:...

    微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案

    在video中添加一个cover-view,在cover-view写两个cover-image,一个用来存储封面图、一个用来存放播放按钮,同级写一个cover-view用来完成封面上的文字,设置绝对定位,水平垂直居中,在播放按钮上添加点击事件,...

    input 按钮显示差异的解决方法

    fedcn 默认情况下,在IE6/7下,按钮中的文本居中的不是很精确,需要调整,而在IE8 Beta2下,按钮中的文字位置貌似是固定不变的。 经过反复测试,发现对按钮设置适当的行高值就可以解决, 其中在IE6/8下, line-...

    23种CSS垂直居中技巧

    这个方式应该是最多人知道的了,常见于单行文字的应用,像是按钮这一类对象,或者是下拉框、导航此类元素最常见到的方式了。此方式的原理是在于将单行文字的行高设定后,文字会位于行高的垂直中间位置,利用此

    iOS设置UIButton文字显示位置和字体大小、颜色的方法

    大家都知道UIButton按钮是IOS开发中最常用的控件,作为IOS基础学习教程知识 ,初学者需要了解其基本定义和常用设置,以便在开发在熟练运用。 一、iOS设置UIButton的字体大小 btn.frame = CGRectMake(x, y, width, ...

    计算机导论-实验报告-文字信息处理

    可以让一段文字居中、左对齐和右对齐 如果想对段落进行更为具体的格式规定,则可以点击 选择卡段落组右下角的对话框启动器按钮, 会出现下图的页面,就可以进行进一步的操作 3、图文混排、艺术字和数学公式 插入...

    点阵LED字模生成工具.zip

    内调节文字的大小(例如在16*16的点阵中居中显示12*12大小的汉字) 1.将您需要的汉字和符号集中形成一个文本文件 2.使用“导入文本”的按钮 3.确认“生成二进制字库”被选中(建议选中"生成索引文件"原因后析) 4.点...

    CSS布局奇淫技巧之–各种居中总结

    居中是我们使用css来布局时常遇到的情况。使用css来进行居中时,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有浏览器,本文就居中...这个没什么好说的,只能对图片,按钮,文字等行内元素(display为inlin

    C#设置RichTextBox的文本对齐方式

    C#源码,字符处理,RichTextBox C#设置RichTextBox的文本对齐方式,实例需引用命名空间Using System.IO,本例的一些相关操作:从指定的位置加载并保存RTF文件、清空RichTextBox控件中的所有内容、设定“保存”按钮为...

Global site tag (gtag.js) - Google Analytics