`
yonguo
  • 浏览: 245931 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

如何让按钮中文字垂直居中

 
阅读更多
<input type="button" onclick="save()" value="提交"
    style="width:60px;height:25px;line-height:20px;"/>

其中可以调整line-height的数值大小,以控制按钮中文字完全居中。
分享到:
评论
2 楼 dudu0101 2012-08-11  
这个问题也一直纠结的没有解决~~~
1 楼 nttdocomo 2009-01-11  
在FF3上试过,这个方法行不通!

相关推荐

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

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

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

    在Firefox浏览器中,button类型的input元素有时会遇到文字垂直居中困难的问题。这种情况通常出现在开发者尝试通过CSS样式对按钮内的文字进行居中调整时,发现调整无效。原因是Firefox浏览器为input元素引入了一个...

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

    本篇将深入讲解如何利用 `UIEdgeInsets` 来实现 `UIButton` 上的文字和图片的上下垂直居中对齐。 `UIEdgeInsets` 是一个结构体,用于描述四边的内边距。它由四个浮点型变量组成:`top`、`left`、`bottom` 和 `right...

    表单元素和文字垂直居中对齐问题解决整理

    在网页设计中,表单元素的布局和对齐方式是一个常见的挑战,特别是涉及到垂直居中对齐时。本文主要探讨了如何解决表单元素(如输入框、选择框、单选按钮和复选框)与文字在垂直方向上对齐的问题,特别是针对IE6和IE7...

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

    在Firefox中,有时设置`padding-bottom`并不会改变按钮内的文本垂直居中的方式。为了解决这个问题,可以使用以下CSS技巧: ```css input[type="reset"], input[type="button"], input[type="submit"], input...

    设置RichTextBox的文本对齐方式

    在实际应用中,我们经常需要根据设计需求调整文本的对齐方式,使其左对齐、居中、右对齐或者两端对齐。本案例将详细介绍如何在C#中设置`RichTextBox`控件的文本对齐方式。 首先,让我们了解`RichTextBox`控件的基本...

    excel表格如何合并单元格文字居中.doc

    要让Excel单元格内的文字处于正中间,可以使用垂直居中的方法。具体操作步骤如下: 1. 选中需要调整的单元格。 2. 右键点击,选择“设置单元格格式”。 3. 在“单元格格式”对话框中,点击“对齐”,然后选择“垂直...

    margin-top负值解决label 文字与input 垂直居中对齐问题

    然而,让`&lt;label&gt;`中的文字与`&lt;input&gt;`元素垂直居中对齐并不是一个直观的过程,因为浏览器的默认样式可能并不理想。在这种情况下,利用CSS的`margin-top`负值属性可以有效地解决这个问题。 首先,让我们理解`...

    背景自适应文字宽度的css按钮

    /* 确保文字垂直居中 */ color: #fff; /* 文字颜色 */ text-decoration: none; /* 去掉默认的下划线 */ border: none; /* 去掉默认的边框 */ cursor: pointer; /* 鼠标悬停时显示手型,表明可点击 */ } ``` 在...

    用CSS让img input select button 图片,文本框,下拉菜单,按扭垂直居中的方法

    在标题和描述中提到的方法,就是通过设置CSS的`vertical-align`属性来实现这些元素的垂直居中。 `vertical-align`属性是CSS中用于控制内联元素(inline-level elements)或表格单元格(table-cell elements)中内容...

    解决Layui数据表格中checkbox位置不居中的方法

    通过以上方法,开发者就可以在Layui数据表格中实现checkbox的垂直居中对齐,从而提升界面的整体美观性和用户的交互体验。如果你在实施过程中遇到任何问题,可以参考Layui官方社区中的资源,那里通常会有很多开发者...

    竖排按钮显示

    "竖排按钮显示" 是一种特殊的布局方式,它使按钮的文字按照垂直方向排列,而不是默认的水平排列。这种布局通常用于有限的空间或者为了设计独特、有吸引力的用户界面。在本文中,我们将深入探讨如何在WPF中实现竖排...

    ios-居中标签实现.zip

    居中布局则意味着标签的中心点会与父视图的中心点对齐,这可以是水平居中、垂直居中,或者两者兼有。 实现标签自动居中布局的方法有多种,包括使用AutoLayout、纯代码布局以及使用第三方库。对于AutoLayout,可以...

    浅谈浏览器的兼容模式下的button中文字垂直方向不居中显示

    在上述描述中提到了两种情况,一种是未指定height的情况下文字垂直不居中,另一种是通过添加height样式后文字垂直居中了。这种现象可能是由于默认情况下Button的行高(line-height)和字体大小(font-size)没有很好...

    在android上实现仿照iOS搜索栏 居中效果,点击到最左边的demo eclipse项目

    - 在布局中添加一个`EditText`,设置宽度为`match_parent`,高度适当,并通过`android:textAlignment="center"`使其文字居中。 2. **自定义样式**: - 为了模仿iOS的风格,可能需要自定义`EditText`的背景。可以...

    MFC BUtton按钮自绘

    // 设置文字垂直居中 pDC-&gt;SetTextAlign(TA_CENTER | TA_BASELINE); // 绘制垂直文本 CString text; GetWindowText(text); pDC-&gt;DrawText(text, rect, DT_VCENTER | DT_RIGHT); // 或者DT_LEFT } ``` 三、...

    css实现文字居中两边横线效果的示例代码

    `height`和`line-height`属性被设置为相同的值(本例中为`50px`),确保文字垂直居中显示。`width`和`margin`属性分别定义了容器的宽度和外边距,这里`800px`宽度和`200px`上下边距让标题看起来更为突出。 接下来是...

Global site tag (gtag.js) - Google Analytics