问个list-style-type显示不一样的问题?

时间:2022-09-25 19:36:28
最近用到list-style-type:square;
发现标题前的方块样式在FF和IE下显示不一致 
FF下是根据字体大小而改变的 
IE下则是固定的大小
有什么办法更改list-style-type的大小没 让它保持统一

<!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 http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
body{font-size:28px;}
a:link{color:#0158A7;text-decoration:none;}
a:visited{color:green;text-decoration:none;}
a:hover{color:#F00;}
ul{list-style-type:square;}
</style>
</head>

<body>

<ul>
<li><a href="#">是我是我</a></li>
<li><a href="#">是我是我</a></li>
<li><a href="#">是我是我</a></li>
<li><a href="#">是我是我</a></li>
</ul>
</body>
</html>

11 个解决方案

#1


先清除默认样式,然后用背景做项目列表的符号吧~!

#2


引用 1 楼 zhangleifly 的回复:
先清除默认样式,然后用背景做项目列表的符号吧~!

老大我问的是list-style-type显示不一样的问题 

#3


引用 2 楼 tizll521 的回复:
引用 1 楼 zhangleifly 的回复:

先清除默认样式,然后用背景做项目列表的符号吧~!

老大我问的是list-style-type显示不一样的问题
那你觉得我回答的是什么问题啊

#4


引用 3 楼 zhangleifly 的回复:
引用 2 楼 tizll521 的回复:

引用 1 楼 zhangleifly 的回复:

先清除默认样式,然后用背景做项目列表的符号吧~!

老大我问的是list-style-type显示不一样的问题
那你觉得我回答的是什么问题啊


哈哈,
各浏览器下的显示是不同的 这是没办法的事  通用的办法是 楼上所说
如果你纠结这个的话 真的是没必要

#5


不是纠结这个 我平常做项目从来没用过这个属性 都是背景图
只是想知道 list-style-type 能不能更改大小 在所有浏览器下保持大小一致 期待高人的回答 
我所知道的是能更改颜色和在FF下能根据字体大小更改大小 

#6


FF下是根据字体大小而改变的 

会吗?怎么没发现 http://www.w3school.com.cn/tiy/t.asp?f=csse_list-style-type_all

#7


你先清除格式,然后做个方块样式的图片来当背景,只有这办法,不同浏览器显示就是不一样的

#8


引用 4 楼 bennman 的回复:
引用 3 楼 zhangleifly 的回复:
引用 2 楼 tizll521 的回复:

引用 1 楼 zhangleifly 的回复:

先清除默认样式,然后用背景做项目列表的符号吧~!

老大我问的是list-style-type显示不一样的问题
那你觉得我回答的是什么问题啊


哈哈,
各浏览器下的显示是不同的 这是没办法的事  通用的办法是 楼上所说
如果你纠……



这有这个方法咯~

#9


引用 6 楼 zhangleifly 的回复:
FF下是根据字体大小而改变的 

会吗?怎么没发现http://www.w3school.com.cn/tiy/t.asp?f=csse_list-style-type_all

你会这样问 肯定没看我发的代码
我发的代码里  你把字体大小font-size:28px更改一下 在FF下就能看出区别 

#10


引用 9 楼 tizll521 的回复:
引用 6 楼 zhangleifly 的回复:

FF下是根据字体大小而改变的

会吗?怎么没发现http://www.w3school.com.cn/tiy/t.asp?f=csse_list-style-type_all

你会这样问 肯定没看我发的代码
我发的代码里  你把字体大小font-size:28px更改一下 在FF下就能看出区别
你看了我发的这个连接了没?你看一下,不过这个确实我不是很确定

#11


还是用图片来弄吧,这个应该不会变化的。

#1


先清除默认样式,然后用背景做项目列表的符号吧~!

#2


引用 1 楼 zhangleifly 的回复:
先清除默认样式,然后用背景做项目列表的符号吧~!

老大我问的是list-style-type显示不一样的问题 

#3


引用 2 楼 tizll521 的回复:
引用 1 楼 zhangleifly 的回复:

先清除默认样式,然后用背景做项目列表的符号吧~!

老大我问的是list-style-type显示不一样的问题
那你觉得我回答的是什么问题啊

#4


引用 3 楼 zhangleifly 的回复:
引用 2 楼 tizll521 的回复:

引用 1 楼 zhangleifly 的回复:

先清除默认样式,然后用背景做项目列表的符号吧~!

老大我问的是list-style-type显示不一样的问题
那你觉得我回答的是什么问题啊


哈哈,
各浏览器下的显示是不同的 这是没办法的事  通用的办法是 楼上所说
如果你纠结这个的话 真的是没必要

#5


不是纠结这个 我平常做项目从来没用过这个属性 都是背景图
只是想知道 list-style-type 能不能更改大小 在所有浏览器下保持大小一致 期待高人的回答 
我所知道的是能更改颜色和在FF下能根据字体大小更改大小 

#6


FF下是根据字体大小而改变的 

会吗?怎么没发现 http://www.w3school.com.cn/tiy/t.asp?f=csse_list-style-type_all

#7


你先清除格式,然后做个方块样式的图片来当背景,只有这办法,不同浏览器显示就是不一样的

#8


引用 4 楼 bennman 的回复:
引用 3 楼 zhangleifly 的回复:
引用 2 楼 tizll521 的回复:

引用 1 楼 zhangleifly 的回复:

先清除默认样式,然后用背景做项目列表的符号吧~!

老大我问的是list-style-type显示不一样的问题
那你觉得我回答的是什么问题啊


哈哈,
各浏览器下的显示是不同的 这是没办法的事  通用的办法是 楼上所说
如果你纠……



这有这个方法咯~

#9


引用 6 楼 zhangleifly 的回复:
FF下是根据字体大小而改变的 

会吗?怎么没发现http://www.w3school.com.cn/tiy/t.asp?f=csse_list-style-type_all

你会这样问 肯定没看我发的代码
我发的代码里  你把字体大小font-size:28px更改一下 在FF下就能看出区别 

#10


引用 9 楼 tizll521 的回复:
引用 6 楼 zhangleifly 的回复:

FF下是根据字体大小而改变的

会吗?怎么没发现http://www.w3school.com.cn/tiy/t.asp?f=csse_list-style-type_all

你会这样问 肯定没看我发的代码
我发的代码里  你把字体大小font-size:28px更改一下 在FF下就能看出区别
你看了我发的这个连接了没?你看一下,不过这个确实我不是很确定

#11


还是用图片来弄吧,这个应该不会变化的。