1. 首页>>前端>>CSS

使用display:flex水平居中和垂直居中

<div class="ssmic">
    <div class="czjz">
        <form action="{pboot:scaction}"  method="get" >
		<input type="text" name="keyword" >
		<button type="submit">搜索</button>
	</form>
    </div>
</div>
	
.ssmic {
    width: 1200px;  
    height: 1000px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    
}	

在这里实现垂直居中必须要给一个高度

转载联系作者并注明出处:https://www.focusonseo.cn/css/76.html