zoukankan      html  css  js  c++  java
  • 让 liststyleimage 图片垂直居中

    list-style-image 图片垂直居中
    如果使用list-style-image设置了一个列表项的前面的小图标,在FF下是正常显示的,

    但是在IE下想让他也居中正常的显示,死活不听话。
    退而求其次,找了一个折中的解决办法,

    就是使用ul li的backgrou-image(背景图片)来解决。
    如下:

    css list-style-image 居中办法
    ul li{
    height
    :28px; /*列表项的高度*/
    line-height
    :28px; /*列表项的行高,行高与高设为相同,文字垂直居中*/
    text-indent
    :15px; /*文字缩进15个像素,不然压到图表了*/
    background-image
    :url("../images/icon.gif"); /*图片的url地址*/
    background-position
    :left 45%; /*北京图片的定位*/
    background-repeat
    :no-repeat; /*禁止图片平铺,显示一个就好了*/
    }
    Firefox : li{background-position:left 50%)
    IE : li{background-position:left 45%)

    具體數值自己試一試
  • 相关阅读:
    C语言之回调函数&模块化
    680. 验证回文字符串 Ⅱ
    C++指针数组和数组指针
    345. 反转字符串中的元音字母
    633.平方数之和
    IDM使用介绍篇
    路由器无线桥接WDS
    约数的个数
    密码翻译
    查找学生信息
  • 原文地址:https://www.cnblogs.com/didi/p/1764547.html
Copyright © 2011-2022 走看看