gpt4 book ai didi

css - 如何对齐div内的水平列表?

转载 作者:行者123 更新时间:2023-12-04 21:33:42 25 4
gpt4 key购买 nike

我试图将水平

    置于
    的中心(我的示例中的黄色条纹)。标记如下。我知道,如果
  • 没有 float ,那么我可以通过将
      的左右边距设置为“自动”来做到这一点,但我似乎没有找到摆脱“ float ”的方法,因为我需要我的
    • 是 block 元素,以便我可以调整它们的大小。请帮忙!谢谢康斯坦丁


      <html>
      <head>
      <title></title>
      <style type="text/css">
      .container
      {
      background-color: yellow;
      }
      .container li
      {
      border: solid 1px grey;
      display: block;
      float: left;
      height: 100px;
      line-height: 100px;
      list-style-type: none;
      margin: 5px;
      text-align: center;
      width: 100px;
      }
      </style>
      </head>
      <body>
      <div class="container">
      <ul>
      <li><a href="#">x</a></li>
      <li><div>y</div></li>
      </ul>
      <div style="clear: both;">
      </div>
      </div>
      </body>
      </html>


      代表 OP 发布演示,地址:jsbin .

  • 最佳答案

    是一个 block 级元素,因此占据了容器的整个宽度......文本对齐也用于对齐文本。你可以这样做:

    .container ul{
    width:400px;
    margin:0px auto
    }

    关于css - 如何对齐div内的水平列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3524504/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com