Question

我有以下html：

function rightclick() {
    var rightclick;
    var e = window.event;
    if (e.which) rightclick = (e.which == 3);
    else if (e.button) rightclick = (e.button == 2);
    alert(rightclick); // true or false, you can trap right click here by if comparison
}

使用以下css：

    <div class="pagination">
       <ul id="paginationnbEnreg">
          <li class="active">
             <a onclick="changePageMP3('1');" title="Page 1" href="#">1</a>
          </li>
       </ul>
       <span id="nbEnreg" class="label">55 found</span>
    </div>

我的列表将显示在页面的左侧，而＃34; 55找到＆＃34;将在页面的中心显示。

我正在尝试将我的列表放在页面中间，但无法使其正常工作。

Answer 1

我认为这种情况正在发生，因为您没有删除packages.config并且没有重置list-style和margin。

你的意思是http://jsfiddle.net/06u4bsqn/吗？

Answer 2

对于保证金：自动您的包装盒需要宽度设置。否则需要100％。

Answer 3

您的ul是100％宽，因为它是块级元素。

您可以在display:inline-block

上设置ul，使其（以跨度为中心）居中

＆＃13;

.pagination {
  margin: auto;
  text-align: center;
  outline: medium none;
  padding: 0;
  position: relative;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  background: plum;
}
.pagination ul {
  display: inline-block;
}
.label {
  color: #ffffff;
  display: inline-block;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  padding: 2px 4px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  vertical-align: baseline;
  white-space: nowrap;
}

＆＃13;

<div class="pagination">
  <ul id="paginationnbEnreg">
    <li class="active">
      <a onclick="changePageMP3('1');" title="Page 1" href="#">1</a>
    </li>
  </ul>
  <span id="nbEnreg" class="label">55 found</span>
</div>

＆＃13;

CSS text-align center无法正常工作

3 个答案: