Question

所以我试图将我的<hr>标记与中心对齐，它在IE和Firefox中运行正常，但由于某些原因它在Chrome中不起作用。在Chrome中，<hr>标记与左侧对齐。我做错了什么想法？这是我的代码：

html body {
    background-color: #e0e0e0;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

hr {
    border: 0;
    background:#F87431; 
    height:7px;
    clear:both;
    display: block;
    width: 96%;
    background-color:black;
    margin-left: auto;
    margin-right: 
}

Answer 1

以hr风格尝试保证金：自动

def abc(request, **kwargs):
    try:
       flag = kwargs['flag']
    except:
       flag = False
    theatre =  Theatre.objects.all()
    return render(request, 'book_tickets/post_list.html', {'theatre':theatre, 'flag': flag})

当我通过jsfiddle

进行测试时，它可以正常工作

Answer 2

它通常可以添加保证金：0自动添加。这意味着顶部和底部的边距是0，但是它的边是自动的，这使它水平居中。

<hr />不会在chrome中对齐中心，但在IE和Firefox

2 个答案: