我怎样才能得到这份名单集中

-1

我想要的标签为中心而不是内容，我不知道如何中心的标题我怎样才能得到这份名单集中

<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>

来源

2016-09-16 fraser dale

但什么？您想做什么？显示你尝试过的一些CSS。 – thepio

我试过了text-align center和

标签sorry –

提供一个[fiddle]（https://jsfiddle.net/）让我们更好地理解你。并尝试清除“内容”和“标题”：你是什么意思？ –

如果我的理解，要居中对齐列表中，但保持文本左对齐：

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

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

来源

2016-09-16 09:16:45 germanfr

我想我明白你想要做什么。这是你可以居中“选项卡”使用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>

来源

2016-09-16 09:17:09 thepio

我怎样才能得到这份名单集中

回答

相关问题