这是我总结的六种 HTML 元素垂直居中的实现方式,倘若觉得有用,就大方的点赞、保藏。
1、 img的垂直水平居中
运用到的要紧样式属性display,vertical-align vertical-align:middle这个属性是对table元素垂直居中起功效,倘若想运用在 img 元素上,就重视下面的 display 设置。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">.main{
width: 400px;
height: 400px;
bac公斤round-color: #aaa;
display: table;/*父元素设置表格属性*/
text-align: center;
}
.main span{