Question

html无序列表怎么在div中居中？

Answer 1

1、首先在html编辑器中新建一个html文件，写入一个div并给div设置class属性，然后在div里面设置一个无序列表：

2、接着设置一下div的样式，给它一个宽度和高度及背景颜色即可。然后设置div中的ul的属性的display的属性值为table，之后在设置margin的值上下边距为0，左右为auto，ul列表就居中了：

3、最后打开浏览器查看效果，可以看到div中的列表诗句中的。以上就是html无序列表在div中居中的方法介绍：

Answer 2

1、首先打开Sublime Text软件，新建一个HTML页面

2、然后我们在html页面中加入div标签，并且在div标签中加入一些文字

3、接下来我们给div标签编写CSS样式，如下图所示，这里主要是text-align和line-height两个属性

4、最后我们运行页面程序，你就会在页面中看到div中的文字水平垂直都居中了

Answer 3

html中无序列表始于 <ul> 标签。每个列表项始于 <li>

<ul>
<li>无序列表1</li>
<li>无序列表2</li>
</ul>

html中有序列表始于 <ol> 标签。每个列表项始于 <li>写法如下：

<ol>
<li>有序列表1</li>
<li>有序列表2</li>
</ol>

使无序列表在div中居中，简单演示一下示例：首先打开DW(当然也可以别的编辑工具)，因为是在div中居中，所以要新建一个div样式，这里用width:100%；取名mian如图：

因为如题所说是无序列表，那么在这里用<ul><li></li></ul>，开始有详解；

展示效果：如图：

text-align:center; 文字居中对齐；

list-style-type:none;的含义是去除  无序列表的点，如果不加的话，请看示例图：

Answer 4

给ul加一个display:table;height:auto;margin:0 auto;，并且这个ul需要设置宽度才能居中。

追问

错了 是li元素

追答

错什么错，你ul设置了li就不用设置了。给li加上居中还不如给ul加居中。

Answer 5

给无序列表加个样式，然后用margin_left来居中也可以的