6.0w+
社区成员
- 全部
- 问答
a标签按纽，怎么才能让文字垂直居中？
<li class="click"><span><a href="javascript:void(0)" style="background:url('../images/t03.png'); padding-left:29px; padding-top:7px;" onclick="pageAdd()" > 新增</a></li>
padding-top是因为如果没有的话，按纽icon下面有一点会被拦截。
但为什么a标签有padding-top，里面的文字却没变？
如图，怎么样才能把按纽中的文字让它垂直居中？
图片地址：http://ccnna.img42.wal8.com/img42/501254_20141114101150/141593117443.jpg
padding-top是因为如果没有的话，按纽icon下面有一点会被拦截。
但为什么a标签有padding-top，里面的文字却没变？
如图，怎么样才能把按纽中的文字让它垂直居中？
图片地址：http://ccnna.img42.wal8.com/img42/501254_20141114101150/141593117443.jpg
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
GoCityPass新加坡曼谷通票 2014-11-14
如果用line-height的话，文字是好的，但icon有一部分被截断了，如图[/quote]
设置height高度定高结合line-height垂直居中文字tudoushaopaigu 2014-11-14
如果用line-height的话，文字是好的，但icon有一部分被截断了，如图
slwsss 2014-11-14
<li class="click"><span><a href="javascript:void(0)" style="background:url('../images/t03.png');line-height: 26px;display: inline-table;" onclick="pageAdd()" > 新增</a></li>
GoCityPass新加坡曼谷通票 2014-11-14
用line-height，不要用padding-top
<li class="click"><span><a href="javascript:void(0)" style="background:url('../images/t03.png'); padding-left:29px; line-height:30px;" onclick="pageAdd()" > 新增</a></li>
怎样让a标签垂直居中显示 我有一个div，里面放了一个img 和一个a标签，图片在标签的后面，图片的宽度把div撑大，现在我想让我的a标签在div里面垂直居中显示，或者说是控制这个连接在图片右侧的上下（垂直）位置，应该怎样实现啊？？ 各位大神...
使用button标签让文字垂直水平居中 关于让文字或子元素模块在父级容器里垂直居中的问题我在网上查看了很多方法都不太如意，现在分享下如何使用button标签让文字垂直水平居中。 直接上代码： *{margin: 0;padding: 0;} .fl{ float:left; margin-right:...
表单元素input、按钮、文字完美垂直居中对齐方法 本文最终总结出来办法就是要对齐的表单内容（含文字、图片、表单各种元素、label）字体设置为Tahoma，则可以完美的实现对齐(Verdana等字体也可以)，其中个别的input元素如radio的padding和margin设置为0，即可完美...
word文本框文字垂直居中_如何在Microsoft Word中的页面上垂直居中放置文本 word文本框文字垂直居中Need to create a cover page for a report you’re writing? You can create a simple, but professional cover page by centering the text both horizontally and vertically. Centering ...
安卓上文字垂直居中解决方案 <!DOCTYPE html> <html> <head> <meta charset="...width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalab
微信小程序 button内多行文字垂直居中、短信倒计时 1.wxml<button class="btn_yzm" catchtap="getYzm" disabled="{{yzmDisabled}}"><text>{{yzm}}</text></button...实现button内多行文字垂直居中.btn_yzm { font-size: 24rpx; color: #EB602E; border: 2rpx solid #E
html 中input 框 与文字不能垂直居中, 怎么解决? 呢称 就是给Input加上vertical-align:middle属性。 将支持valign 特性的对象的内容与对象...2) 定义line-height: 属性， 让line-height 等于height 这样应该就能兼容所有的浏览器 比如 .td { vertical-al
html5怎么让文字垂直显示,详解HTML中字体使用line-height依然不能垂直居中解决办法... 这篇文章主要介绍了详解HTML中字体使用line-height依然不能垂直居中解决办法，...显然我们不仅要使“下一步”文本水平居中，还要垂直居中，此时我们写代码如下：#next-button{height: 54px;text-align: center;color...
bootstrap的问题之垂直居中。 （这是第一个博客，写的仓促） 最近写一个页面获取后台数据写到表格...不管试着在css中添加（水平居中）text-align: center，还是添加（垂直居中）vertical-align: middle，都没有效果。浪费了挺多时间。 后来自己...
移动web端安卓手机上元素中的文字垂直不居中的问题 “我是挑战者”在安卓手机上明显的不垂直居中，如下图所示 解决办法： 1.将该元素中所有关于px的样式放大一倍再缩小一倍，如下图“.is-user”中所示（实现的效果如上图中的“我是版主”所示） .is-not-user { ...
复选框(checkbox)和单选框(radio)与文字水平垂直居中对齐的解决方法 今天项目中出现了一个checkbox与同一行的文字不能对齐的问题，检查后发现个问题，checkbox和radio两个标签的默认高宽都是13px，而项目中使用的字体大小却是12px，如果将字体调整为14px就不存在这个问题了，于是作者...
关于微信小程序文字水平垂直居中 1.用line-height的值和view的height值一样 wxml: <view class='container'> 这是个例子 </view> wxss: .container{ border: 2rpx black solid; width: 400rpx;... ...
在html中text按钮添加文字居中显示,html文字居中怎么设置 方法：1、在标签中使用style属性，添加“text-align:center;...”样式设置垂直居中。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。方法1：使用style属性，添加“text-align:cen...
html块中的内容垂直居中,css如何设置行内元素与块级元素的内容垂直居中 首先我们先了解一下行内元素和块级元素行内元素(内联元素)：没有自己的独立空间，它是依附于...内联元素(行内元素)内联元素(inline element)* a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo ...
html svg 垂直居中,svg text文字居中 WPF做12306验证码点击效果一.效果 和12306是一样的,运行一张图上点击多个位置,横线以上和左边框还有有边框位置不... 二.实现思路 1.获取验证 ...HDU 2204Eddy&#39;s爱好&...Eddy's爱好 Time L...
ie8下文本框内文字垂直居中 就是在ie8下设置了高度的input框内的文本不会自动垂直居中，而在其他浏览器及ie9+都正常，大家可以试一下. 解决方法就是像p标签一样设置一下行高，如：line-height: 40px; demo * {padding: 0; margin: ...
表单元素和文字垂直居中对齐问题解决整理 表单页面，为了使表单元素和文字都垂直居中对齐，加个样式input,select{vertical-align:middle}，文本框和下拉框都没问题，但是单选框和复选框就杯具了。 大多表现：单选，复选和文字无间距，单选文字偏上，复选偏...
android垂直居中偏移,安卓移动端line-height垂直居中出现偏移的原因，及解决方法... 目前在移动端安卓手机上使用line-height属性，让它的值等于height，结果发现是不居中的。出现了一定位置的偏移情况，如果略微只有两三个像素差距是看不出来的。左图中的字号是12px，右图中的行高是26px。仔细观察过...
移动端字体的垂直居中问题解决 在开发过程中遇到了一些样式问题，作为一个有追求的前端，当然是尽最大努力解决掉它们，力求完美的用户体验，这其中花费时间最多的就是那个字体垂直居中问题。 首先描述问题 我这次迭代负责的模块，在页面头部是一...
html手机网页文本兼容性,【前端】移动端页面文字垂直居中兼容性问题 按钮的高度和行高相等，文字应该垂直居中。第1张图chrome模拟器中是正确的，第2张图中的效果也基本正常，但第3张图中的文字明显偏上了。单位试过 rem，也试过 px，都会存在这种情况。有没有人能分析一下问题的原因？...
CSS实现垂直居中的5种方法 CSS实现垂直居中的5种方法 利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择哪个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。 使用 CSS 实现垂直居中并不容易。有些...
android 按钮 图片文字居中显示,[Android]Android 布局中如何让图片和文字居中显示？... 图片文字居中显示 **①组件TextView的属性 drawableTop ``` 块内或者行内图片与文字居中对齐最靠谱的方式! 做图片与文字在一行的按钮时候最常用到,总结了一个靠谱的方法,终于可以完美的对齐下面给个代码 首先是...
html 按钮在安卓手机上垂直居中 也有的方法是不要给line-height来垂直居中 用padding 给值把按钮撑开不要给宽高 我发现还是达不到要求 在个别安卓手机上还是偏差很大 最完美的解决方式是按钮直接用图片 可是如果按钮颜色文字 各不相同 那图片就有点...
中文字，文本框，button按钮垂直居中对齐方法 关键，文字要包含在label标签中，并设置行高，否则文字会与文本框的顶 端对齐。文本框要设置vertical-align:middle;否则文本框与button顶端对 齐。button中文字垂直居中，要设置高和行高，行高要小于高。 <...
td或div 中同时有文字和按钮、输入框 垂直居中 关键，文字要包含在label标签中，并设置行高，否则文字会与文本框的顶 端对齐。文本框要设置vertical-align:middle;否则文本框与button...button中文字垂直居中，要设置高和行高，行高要小于高。 LABEL
