css实现垂直居中

前端知识点乱炖之一(HTML/CSS)

扶醉桌前 提交于 2019-12-07 18:46:47
前面面试知识总结之HTML/css篇 1.行内元素、块级元素和空(void)元素有哪些? 行内元素:a 、b、span、img、input、strong、select、label、em、button、textarea。 块级元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote。 空元素(没有内容的HTML元素): br、meta、hr、link、input、img。 2. css实现垂直水平居中的方法? 方法一:使用绝对定位+margin使其垂直水平居中; <html> <head> <meta charset="utf-8"> <title>垂直水平居中</title> <link rel="stylesheet" href="index.css"> </head> <body> <div> <div></div> </div> </body> </html> .container{ position:relative; height: 100vh; } .content{ position: absolute; width:200px; height:200px; background-color:#26A9DF; top: 50%; left: 50%; margin-top:-100px ; margin-left: -100px; } 方法二