为什么 li 标记未在 div 元素内的 ul/ol li 中对齐中心？

Question

为什么 li 标记未在 div 元素内的 ul/ol li 中对齐中心？

 div{ text-align: center; }

 <div> <ul> <li>hello world</li> </ul> </div>

Answer 1

检查你的ul ， li的宽度。 更好地使用display: flex为你的 div，设置justify-content: center或align-items: center;

Answer 2

您可以通过将list-style-position: inside添加到ul中来在li空间内制作标记。

 div{ text-align: center; } ul{ list-style-position: inside; }

 <div> <ul> <li>hello world</li> </ul> </div>