扫码关注公众号

前端CSS考点之水平/垂直居中
02-29
222观看
01

请使用绝对定位实现水平垂直居中。

在平时,我们经常会碰到让一个div框针对某个模块上下左右都居中(水平垂直居中),其实针对这种情况,我们有多种方法实现。方法一:绝对定位方法:

来自:CSS、CSS3-水平、垂直居中
02

CSS 样式,通过设置左和右 ____ ,可以把块元素调整到水平居中位置。

正确答案是Amargin是外边距的意思,当一个元素样式属性里有margin:0auto时,并且父元素的宽度是确定的,意思是这个元素处于其父元素的居中位置,并且这个元素的上下外边距为0。

来自:CSS、CSS3-水平、垂直居中
03

有关 CSS 外边距 margin 说法错误的是()

正确答案是Bmargin设置为auto时,浏览器会自动计算外边距。

来自:CSS、CSS3-水平、垂直居中
04

请你说说设置水平居中,垂直居中,设置斑马线表格(纯css)

水平居中行内元素:父元素text-align:center;宽度固定:margin:0auto;flex布局justify-content:centerdisplay:table-cell垂直居中单行文本line-height设置为height值display:table-cell;+vertical-align:middle;flex布局align-items:centerabsolute定位+transform:translateY(-50%,-50%)斑马线表格table{width:90%;border-collapse:collapse;/*边框合并*/}tr.odd{background-color:#f6f6f6;}tr{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:gray;height:35px;}td{width:35%;text-align:center;}

来自:CSS、CSS3-水平、垂直居中
课程
专栏
js语言和框架-CSS、CSS3-水平、垂直居中
3专栏
1课程
4 试题