在html中用ul li如何把每个li对齐

居中:text-align:center( 而默认就是左对齐的)，

再设置：text-align:left

代码如下：

.box｛text-align:center；text-align:left｝

<ul class=“box”>

<li>内容1</li>

<li>内容2</li>

<li>内容3</li>

</ul>

1、首先先打开我们的开发环境 新建一个web项目。

2、在html中引入css文件 这里是html页面的代码 div和ul。

3、将所有标签的margin和padding初始为0 然后将父级div的display设置为flex align-items设置为center 。

4、运行web项目后得到的结果如图所示 垂直居中了。

5、 将display设置为table-cell，将vertical-align设置为middle即可 。

6、将ul的高度设置为百分比然后使用相对定位设置top为二分之一的百分之百减去ul的高度即可 。

7、使用line-height将其设置div的高度 必须是确定值，然后将li左或者右浮动即可。

因为你还没有学会怎么用文档流，写样式一般很少用绝对层的（就是 position:absolute）如果没有父级元素约束用这个很容易让页面走形~再去看看DIV+CSS吧~我给你改了你也不明白的~要学会DIV+CSS的嵌套~

---