如何水平居中li元素

时间:2013-07-18 10:49:03

标签: html css css3 tabs

我在我的site上使用domtab,但由于某些原因我无法将li元素(具有ver1,ver2,TOUS LES FILMS,AFFICHAGE HORAIRE,......写入其中)或ul区块。

以下是相对于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;
    }

我评论的内容是我尝试过的。 请问有解决方案吗?

1 个答案:

答案 0 :(得分:1)

完全相同的问题是这样的:How do I center list items inside a UL element?

我测试了你页面的灵魂。