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

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

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

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

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

jsbin

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容