主页 / 问题 / 1382939
Accepted
tomato-magnet-regulato
Asked:2022-07-17 17:31:33 +0800 CST2022-07-17 17:31:33 +0800 CST

元素不在块内居中

  • 772

body{
    margin: 0 auto;
}

.logo_mess{
    display: flex;
    justify-content: center;    
}

.logo_mess ul{
    list-style: none;
}

.logo_mess ul li{
    display: inline-block;  
}
<body>

       <div class="logo_mess">
            <ul>
                <li><a href="#" class="">asd</a></li>
                <li><a href="#" class="">asd</a></li>
                <li><a href="#" class="">asd</a></li>
                <li><a href="#" class="">asd</a></li>
                <li><a href="#" class="">asd</a></li>
            </ul>
        </div>

</body>

在此处输入图像描述

并且在全屏扩展的情况下，不会观察到这个问题。

html

1 个回答

  1. Best Answer

    解决方案非常简单，将 magnin 和 padding 设置为 0。一些浏览器使用 padding（Mozilla、Netscape、Safari）而其他浏览器使用边距（Internet Explorer、Opera）来设置填充量。

    body {
  margin: 0 auto;
}

.logo_mess {
  display: flex;
  justify-content: center;
}

.logo_mess ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.logo_mess ul li {
  display: inline-block;
}
    <body>

  <div class="logo_mess">
    <ul>
      <li><a href="#" class="">asd</a></li>
      <li><a href="#" class="">asd</a></li>
      <li><a href="#" class="">asd</a></li>
      <li><a href="#" class="">asd</a></li>
      <li><a href="#" class="">asd</a></li>
    </ul>
  </div>

</body>

    • 2

相关问题