代码之家  ›  专栏  ›  技术社区  ›  user9085934

居中列表元素

  •  0
  • user9085934  · 技术社区  · 7 年前

    我正在尝试将列表项置于 text-align:center 属性,但它会在文本居中时留下临时注释。有人知道如何解决这个问题吗?

    提前感谢!

    1 回复  |  直到 7 年前
        1
  •  0
  •   Ghadeer R. Majeed    7 年前

    有很多方法可以使这些元素居中

    1-使用 <center> 要素:

    <div id="one">Number One</div>
    <div id="two">Number Two</div>
    <div id="three">Number Three</div>
    

    2-使用CSS代码,如:

    div {
    position: absolute; // or position: fixed;
    left: 50%;
    transform: translate(-50% , 0%);
    -webkit-transform: translate(-50% , 0%);
    }
    

    .divscontainer {
    text-align: center;
    }
    
    .perdiv {
    margin: 0 auto;
    position: relative;
    display: inline-block;
    }
    

    我希望这将帮助您:)