使用CSS将div水平居中

使用CSS将div水平居中,css,Css,所以,在我的网站上,我正试图做到这一点。 如您所见,文本未居中。我的HTML中有以下代码 ,这在我的CSS prntscr.com/vk3ml中 但是,它似乎并没有居中。我有一个朋友帮我解决了这个问题。 我之前做的代码只是左对齐的。我想知道我该如何使它完全居中 在我之前的代码中,html从divclass=“row” 至DIV class=“行特征” 在CSS中,我没有添加功能。您可以使用文本对齐:居中,以使文本居中。基本选项 给容器一个固定的宽度和margin:0 auto 将容器放在一个HT

所以,在我的网站上,我正试图做到这一点。 如您所见,文本未居中。我的HTML中有以下代码 ,这在我的CSS prntscr.com/vk3ml中

但是,它似乎并没有居中。我有一个朋友帮我解决了这个问题。 我之前做的代码只是左对齐的。我想知道我该如何使它完全居中

在我之前的代码中,html从
divclass=“row”
DIV class=“行特征”


在CSS中,我没有添加
功能

您可以使用
文本对齐:居中,以使文本居中。

基本选项

  • 给容器一个固定的宽度和
    margin:0 auto
  • 将容器放在一个HTML表格单元(或使用CSS表格的一组类似的嵌套div)中,并给表格单元
    text align:center
  • 使用JavaScript或jQuery
  • 如果容器的宽度可变,则需要2或3

    如果您决定使用#2,那么在本例中使用CSS表在语义上更为正确(数据网格优先使用HTML表,布局优先使用CSS表)(请参阅)。两者都是合理的选择。但如果您需要对IE7或更早版本的支持,则必须使用HTML表

    自动保证金

    .feature {
        width: 600px;
        margin: 0 auto;
    }
    .feature .3u {
        width: 200px;
    }
    
    CSS表格

    <div class="table">
        <div class="row">
            <div class="cell">Content goes here</div>
        </div>
    </div>
    ...
    .table   {display: table;}
    .row     {display: table-row;}
    .cell    {display: table-cell;   text-align: center;}
    .feature {display: inline-block; text-align: left;    width: auto;}
    
    
    内容在这里
    ...
    .table{display:table;}
    .row{显示:表行;}
    .cell{显示:表格单元格;文本对齐:居中;}
    .feature{显示:内联块;文本对齐:左;宽度:自动;}
    
    您能发布您尝试过的代码吗?我尝试过的代码就是他们的代码,我以前的代码是,它没有我显示的css代码。嗨,请在这里分享你的html和css代码,这样我们就可以帮助你。只发送问题的图像,我们什么都做不了。你可以使用它。它所做的只是将文本居中,如图所示,但我试图做的是使它将整个网页的3列居中。我该怎么办那怎么办?