多选题

假设HTML结构为c...

Question

假设HTML结构为<parent><child>content</child></parent>下列哪些做法可以实现child内容垂直居中？

A. parent {
display: table
}
child {
display: table-cell
vertical-align: middle
}

B. parent {
display: flex
align-items: center
}

C. parent {
position: relative
}
child {
position: absolute
top: 50%
transform: translateY(-50%)
}

D. parent:after {
content: ''
height: 100%
vertical-align: middle
width: 0
}
child {
display: inline-block
vertical-align: middle
}