div + css,UL的LI 中,对LI设置了list-style-image,LI中的文字是放在a标签中的,如何让图片和文字对齐?

如题所述

把li设置个高度,然后把a设置设置同样的高度,最后让两个里面的文字上下居中
li,li a {height:25px;line-height:25px;}
也可能只要设置li的高度并上下居中就可以了,你试试

一般设置文字上下居中都是height和line-height相同就可以了
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-01-26
不建议使用list-style-image,你可以直接给li定义背景
第2个回答  推荐于2017-11-25
list-style-image 这个可以用position 来设置图片位置 : list-style-position: 5px 5px;

但是 list-style-image 各种属性在各种浏览器效果不一,
所以我们抛弃list-style-image ,而改用插入一个小图片。
例如:<li style="height:20px; line-height:20px;"><img align="left"> <a href="#">标题标题一标题标题一标题标题一</a></li>

解释:
首先你要设置一个高度 Height =20px
然后 就是行高LINE-HEIGHT =20px

然后是关键了,因为多数人只去想如何CSS 设置,没有去考虑属性。
图片增一个属性 align 。
align="left " 或 align="absmiddle" 具体用哪个你去试试就知道了。
align 属性是非常重要, HTML 并没有抛弃它。

---全部手写,如果还有问题,请追问。本回答被提问者采纳
第3个回答  2013-01-26
可以贴出你的代码吗?

CSS问题 关于list-style-image
就按你自己说的,使用background-image,利用background-position来移动图标,这样可以不用动a标签的样式属性,可达到最大程度上的兼容性及实用性:<ul class="myUl"> <li id="li1">tag1<\/li> <li id="li2">tag2<\/li> <li id="li3">tag3<\/li> <li id="li4">tag4<\/li> <li ...

css中<li>标签的属性list-style和list-style-type这个两个有什么不...
这两个CSS属性产生的效果是一样的!list-style是对列表标签的缩写,而list-style-type是其中的一个属性,而list-style一共可以包含三个值,即:list-style:type list-style-position list-style-image list-style-type:设置列表项标记的类型。默认为disc。list-style-position:设置在何处放置列表项标记...

ASP <ul>设置<li>标记的使用
<\/ul>二、list-style-image属性list-style-image属性用来定义使用图片代替项目符号。它也是一个可继承属性,其语法结构如下:list-style-image:none\/urllist-style-image属性可以取两个值:none:没有替换的图片。 url:要替换图片的路径。来看一段代码:li{ list-style-image:url(images\/bg03.gif);...

<ul>怎样让它显示列表项左边的那个点?
list-style可以定义ul、ol中li的样式,将list-style设为disc即可,此值为默认值,如果没有继承关系,默认就会显示实心圆点。list-style用法如下:list-style 简写属性在一个声明中设置所有的列表属性。该属性是一个简写属性,涵盖了所有其他列表样式属性。由于它应用到所有 display 为 list-item 的元素,...

list-stylelist-style属性
它定义了标记如何相对于文本放置。而 list-style-type 则用于设置预设的列表标记类型,如圆点、数字或项目符号。这些属性在实际应用中通过CSS的list-style 属性来控制,它与HTML的<li> 标签配合使用,能够为列表项目提供丰富的视觉效果。通过调整这些属性,你可以轻松地定制各类列表的样式,满足设计需求。

关于css中,ul li的背景小图标属性设置
一:把ul或li 中的行高删掉。二:修改图片,把那红色的画下一点,可做成gif透明图(如原本图为:16*16,可画成:16*21,红色部分在最底部。)。三:去掉list-style-image属性,改为在li 中用 background 属性 如:ul{list-style:none;} li{padding-left:18px;background:url(pot.gif) no-...

CSS list-style 问题
List-style的url方式不是所有浏览器都支持(具体我倒是不清楚,因为我重来不用这个做设置),建议你改成这样:Ul{list-style:none;}li{background:url(image.gif) on-repeat;}

Pythonul下多少li
ul{list-style-image:url(\/images\/icon.gif);} 这种方法不同的浏览器的显示效果会有一些差异,主要是在图片的垂直位置上。有些浏览器会使图片和列表项文本的中部位置平齐,有的又会显示得高一些,总之就是有些不一致。 结语:以上就是首席CTO笔记为大家整理的关于Pythonul下多少li的全部内容了,感谢您花时间阅读本...

怎么将ul下的li标签横着排列,要设置那个属性?
把ul包含的li定义为一个类,在css样式用类选择器设置li的float属性为向左浮动,即为float:left;最好将无序列表前面的点去掉。即ul的list-style-type:none;这样设计出来的比较美观。

Dreamweaver中怎么把项目列表前面的那些点去掉?
1、在CSS中写入代码。找到相关性的CSS,在。.li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none,这种写法特别是在一些CMS中最常见。2、在相关的页面找到head部分写入下面的代码 <styletype="text\/css"> list-style:none;<\/style> 3、在li,ul内加入list-style。如<ulstyle=...

相似回答