我怎样才能使这个列表居中

时间:2016-09-16 09:08:55

标签: html css css3

我希望标签居中而不是内容,我不知道如何将标题居中

# recreate dataframe
df = pd.DataFrame({'A': ['a', 'b', 'b', 'a', 'a'], 'B': ['2016-09-13', '2016-09-14', '2016-09-15',
                                                        '2016-10-13', '2016-10-14']})
df['B'] = pd.to_datetime(df['B'])
df = df.groupby([pd.Grouper(key='B', freq='M'), 'A']).size().unstack().fillna(0)

2 个答案:

答案 0 :(得分:0)

如果我理解,您希望将列表居中对齐,但保持文本左对齐:

ul.tab {
    display:block;
    text-align: center;
}

.tab li {
    display: inline-block;
    text-align: left;
}

答案 1 :(得分:0)

我想我明白你想做什么。这是您可以将"标签"使用display: inline-block



.tab {
  display: block;
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0;
}
.tab li {
  display: inline-block;
}
.tab li a {
  text-decoration: none;
  padding: 5px;
}

<ul class="tab" id="tabs">
  <li><a href="#" class="tablinks" onclick="openClimate(event,'Negatives')">Negatives</a>
  </li>
  <li><a href="#" class="tablinks" onclick="openClimate(event, 'Positives')">Positives</a>
  </li>
  <li><a href="#" class="tablinks" onclick="openClimate(event, 'Climate')">Climate Change</a>
  </li>
  <li><a href="#" class="tablinks" onclick="openClimate(event, 'Saving')">Saving Energy</a>
  </li>
</ul>
&#13;
&#13;
&#13;