css – 居中动态宽度框


HTML

<div>
 <ul>
  <li>Nav 1</li>
  <li>Nav 2</li>
 </ul>
</div>

我希望这看起来像

[DIV ————— [UL nav1 nav2] ———————-]

相反,我得到了

[DIV [UL nav1 nav2 ———– padding ——————-]]

李的浮动. ul有溢出:auto.我怎样才能让ul变得尽可能宽,而不是尽可能宽,所以我以自动边距为中心?

最佳答案 尝试:

div { text-align: center; }
ul { display: inline; }

您可能还想尝试添加:

li { display: inline; }
点赞