Question

我知道真的很容易，但不适合我...我无法理解这一点！

<ul>
  <li>Hi</li>
  <li>Hello World
    <div>Hello again</div>
  </li>
  <li>Hola</li>
</ul>

我需要li里面div的中心与li的中心相匹配。现在它与左侧和左侧对齐。我知道应该有一个简单的解决方案，但我找不到它！我需要它成为一个div而不是一个李。如有任何帮助，将不胜感激。提前感谢任何人和大家！

这是我现在拥有的一小块CSS：

 #show li{float: left;
          padding: 10px;
          width: 100px;
          display: block;}
    .sub{position: absolute; 
         display: block; 
         background: #333;
         color: white; 
         width: 910px;
         margin: 0 auto;}

div是使用jquery在mouseover上的下拉，但是我需要div大于li，它的左边是li的左边，我需要整个div在li下面居中。我希望这是有道理的。保证金0自动不起作用。

Answer 1

给div一个类，如下：

<div class="someClass">Hello again</div>

然后，给它一个小于你的宽度的宽度，并添加“margin：auto”来居中它：

.someClass { width: 80%; margin:auto }

在css中的li中居div

1 个答案: