美文网首页
编码规范&垂直居中&伪类伪元素

编码规范&垂直居中&伪类伪元素

作者: madpluto | 来源:发表于2017-05-30 09:42 被阅读0次

1. 说一说你平时写代码遵守的编码规范

2. 垂直居中有几种实现方式,给出代码范例

  • 通过给父元素上下相等的padding实现,适用未指定父元素高度的场景。
    jsbin
  • 通过绝对定位加自身宽高一半的负margin实现,适用自身元素宽高已知的场景
    jsbin
  • vertical-align实现居中
    jsbin
  • table-cell实现居中
    jsbin
  • flex布局实现居中
    jsbin

3. 实现如下效果,每种效果都只使用一个html 标签来实现

jsbin

相关文章

网友评论

      本文标题:编码规范&垂直居中&伪类伪元素

      本文链接:https://www.haomeiwen.com/subject/harlfxtx.html