如何将li元素水平居中

我在我的site上使用domtab，但由于某些原因，我无法居中li元素（用ver1，ver2，TOUS LES FILMS，AFFICHAGE HORAIRE，...写成的元素他们）或ul块。如何将li元素水平居中

这里是相对于domtab代码：

#domtab_main{ 
     width:600px; 
     margin:20px auto; position:relative; 



     /*height: 100px;*/ 
    } 

    ul.domtabs{ 
     position: relative; 
     /*float:left;*/ 
     /*width:100%;*/ 
     width: 600px; 
     /*margin : 0 auto;*/ 
     /*padding-left: 110px;*/  
     font-family: MS Courier New; 
     font-size: 17px;  
     /*padding:0;*/ 
     /*text-align:center;*/ 


     padding: 0px; 
     /*list-style: none;*/ 
     margin-right: auto; 
     margin-left: auto; 
     margin-top: 0px; 
     margin-bottom: 0px; 
     left: auto; 

    } 
    ul.domtabs li{ 
     list-style:none; 
     float:left; 
     padding:0 .5em 0 0; 
    } 


    ul.domtabs a:link, 
    ul.domtabs a:visited, 
    ul.domtabs a:active, 
    ul.domtabs a:hover{ 
     /*width: 170px;*/ 
     padding:10px; 
     display:block; 
     /*background:#666; 
     color:#ccc;*/ 
     height:3em; 
     /*font-weight:bold;*/ 
     text-decoration:none; 

     color:#f0f0f0; 
     background: -moz-linear-gradient(top, #117586 0%, #158CA1 100%); 
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#117586), color-stop(100%,#158CA1)); 
     background: -webkit-linear-gradient(top, #117586 0%,#158CA1 100%); 
     background: -o-linear-gradient(top, #117586 0%,#158CA1 100%); 
     background: -ms-linear-gradient(top, #117586 0%,#158CA1 100%); 
     background: linear-gradient(top, #117586 0%,#158CA1 100%); 
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#117586', endColorstr='#158CA1',GradientType=0); 


    } 


    div.domtab div{ 
     clear:both; 
     width:auto; 
     /*background:#696;*/ 
     color:#000; 
     padding:1em 3em; 
     padding-bottom: 0; 
    }

我把什么评论是我的尝试。请问有没有解决方法？

来源

2013-07-18 Exia0890

它们已经对齐。 – Nitesh

对不起，我想说：将它们水平放置在页面中间。 – Exia0890

你在说什么？其中有太多：S –

这是确切同样的问题是这样的：How do I center list items inside a UL element?

我测试过的soultion您的页面。

来源

2013-07-18 11:29:54

感谢第一级选项卡现在居中（ver1，ver2，...），但是“TOUS LES FILMS”和“AFFICHAGE HORAIRE”仍然在左侧。我用萤火虫检查过，但没有剩余，边距，填充。 – Exia0890

请更新您的在线代码，以便我们可以检查此 –

对不起，现在已更新。 – Exia0890

如何将li元素水平居中

回答

相关问题