带图标和箭头、文字的垂直居中
来源:互联网 发布:php生成二维码 编辑:程序博客网 时间:2024/06/16 02:19
类似这种效果:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"><title>无标题文档</title><style>.p1{height:18px;background-image:url(image/jiao.png);background-repeat:no-repeat;background-position:95% 50%;background-color:#FF0000;margin-right:10px;font-size:12px;line-height:18px;width:220px;position:relative;padding-left:20px;padding-top:15px;padding-bottom:15px;color:#333333;}.p1 img{width:14px;height:18px;padding:0 10px 0 0;margin:0px;float:left;}</style></head><body><p class="p1"><img src="image/address.png" align="middle"/>地址</p></body></html>第一步:将箭头作为背景,设置在右边
第二步:控制图片的高度,容器的高度,还有文字的行高度一致。
第三步:将图片设置成浮动在左边
0 0
- 带图标和箭头、文字的垂直居中
- 图片和span水平垂直居中问题(主要解决小图标+文字水平垂直居中的问题)
- 图片和文字垂直居中的方法
- 图片和文字垂直居中
- 关于文字的垂直居中
- 容器,文字的水平和垂直居中的方法
- CSS使单行的文字和图片垂直居中对齐
- 如何使td内的图片和文字垂直居中?
- 表单元素和文字垂直居中对齐的问题
- UITextField文字垂直居中和placeholder偏上的问题
- 杂记——图标与文字垂直居中
- div内文字和控件垂直居中
- 文字和图片垂直居中问题
- css 图片和文字同时垂直居中
- UITextView设置文字垂直居中和LinkAttribute
- css-图片和文字垂直居中问题
- CSS将图片和文字垂直居中
- 图片和文字在一行垂直居中
- qt 声音
- [Androd初级]解决Listview的子项Item的高度无法设置的情节
- java反射学习
- Netflix计划进入中国,与监管部门的谈判正取得进展(来源:腾讯科技)
- 超全!整理常用的iOS第三方资源
- 带图标和箭头、文字的垂直居中
- listview适配器的编写
- 比较快得Maven镜像
- 百度地图定位导航错误总结
- CC2541之SimpleBLEPeripheral程序流程分析 -- 03.App层事务处理
- ViewPager和Tabhost(tabhostfragment)结合
- h264解码时的AVCDecoderConfigurationRecord 与 CodecPrivateData
- 类的两个属性具有相同名称
- 奇偶排序Odd-even sort