如何使带背景图片的Button按钮中的文字居中偏上显示
来源:互联网 发布:珠海网络布线 编辑:程序博客网 时间:2024/05/17 08:05
.button_submit {/* background: #df5e16; */background:url("../images/image_mobile/m_start.png") no-repeat;height: 33px;line-height: 33px;font-size: 18px;color: #000;font-family: 'Microsoft YaHei' !important;font-weight: normal !important;border: none;width:229px;text-align: center;/* vertical-align:middle; *//* margin: 0 auto; */display:inline-block;}.button_submit:hover {background:url("../images/image_mobile/m_select.png") no-repeat;height: 33px;line-height: 33px;font-size: 18px;color: #000;font-family: 'Microsoft YaHei' !important;width:229px;/* vertical-align:middle; */margin: 0 auto;display: block;}
在html代码中:
<div style=" padding-top: 40px; text-align: center;" ><button class="button_submit" type="submit"><div style="padding-bottom: 5px; font-size: 16px;" class="yahei">提 交</div></button></div>
你需要做的就是在<button> 元素中使用一个<div>层把你所要添加的文字包起来,然后设置距离图片上下边界的距离即可。
0 0
- 如何使带背景图片的Button按钮中的文字居中偏上显示
- 设置按钮上的文字靠左靠右居中显示
- 使 button 的文字居中
- Button.setBackgroundDrawable,显示的文字未居中
- 按钮文字如何居中
- 如何让QToolBar中的button显示文字的解决办法
- 实现Button按钮上放置icon或者其他的小图标!!怎么居中显示!!
- 背景图片的居中显示
- 如何让TextView中的文字居中显示
- 如何让TextView中的文字居中显示?
- Android在Button按钮上同时显示文字和图片
- RadioButton上的文字居中显示
- HTML Button 背景图片样式作为按钮显示
- button按钮的tittle 折行且居中显示
- 带行间距的TextView,让文字和ImageSpan中的图片居中显示
- Android的TextView中的文字居中显示
- 重写button实现文字图片居中显示
- android 中button上如何显示图片和文字
- 可编辑树extjs
- Facebook推出附近好友功能 可用手机查附近好友
- Linux ALSA声卡驱动之一:ALSA架构简介
- Scala编程指南:面向对象编程
- 二分查找算法
- 如何使带背景图片的Button按钮中的文字居中偏上显示
- STL学习之slist
- div和span用法的区别
- Python的functools模块
- 关于SQL Server将一列的多行内容拼接成一行的问题讨论 [转]
- Python内置类型转换函数
- asp简单学习笔记
- Java利用poi读写Excel需要注意的问题
- c++中数组名与函数的区别