chrome中，<li>标记的list-style-type改变后为什么间距会变大？

答案:2 悬赏:70 手机版

解决时间 2021-03-01 15:50

提问者网友：欲劫无渡
2021-02-28 20:36

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
li
{
font-size:50px;
float:left;
margin-left:35px;
color:red;
}
.disc
{
list-style-type:disc;
}
.circle
{
list-style-type:circle;
}
</style>
</head>
<body>
<ul>
<li class="disc"></li>
<li class="circle"></li>
</ul>
</body>
<script>
var aLi = document.getElementsByTagName("li");
window.onclick = function()
{
aLi[0].className = "circle";
aLi[1].className = "disc";

};
</script>
</html>

点击页面两个标记互换的同时距离也增大了
只在chrome中有这个现象

最佳答案

五星知识达人网友：英雄的欲望
2021-02-28 22:04

li
{
font-size:50px;
float:left;
margin-left:35px;
color:red;
display: inline;
}
ul也要定义一下

全部回答

1楼网友：酒安江南
2021-02-28 23:35

这个属性是给ul写的 li一般不写

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息