html 里怎么在其他元素设置无序列表ul或者li标签垂直居中和水平居中。

Question

div{width:60%;height:60%;

background:#8A008B;

position: relative;top:20%;left:20%;

text-align:center;}

ul{list-style-type:none;width:70%;margin:0 auto;height:40%;background:#00A600;

}

li{float:left;letter-spacing:5px;margin-right:5%; margin-left:5%;

;line-height:50%; background:red;
}

这个div在body里面使用百分比设置的，怎么让无序列表，以这个div为标准设置呀。我用百分比设置，好像无序列表是按body算的。，当我按body百分比算的时候无需列表好像并没有居中。

我知道margin:0 auto； 可以居中。可是我想再设置无序列表在div元素的垂直据中。应该怎么设置。

当我设置无序列表的上边距时候，div又跟着动了。

无序列表的尺寸在以谁为标准呀？怎么能让他以DIV为标准呀。

怎么说呢，如果在训练场练倒车的话，不知道标杆而在哪，就是这感觉啊，

如果设置无序列表的尺寸，他的尺寸是以谁为标准啊？谢谢啊，太笨了。一直不明白，一直没有距离感。

Answer 1

居中，那是因为文字没有居中，你居中的是块元素

追问

居中了，试过了。你上传代码，我看看你是怎么垂直和居中的 ，