任务13

平时遵守的编码规范

命名小写并且语义清晰;
节省标签;
class都加上引号;
css尽量缩写属性;
选择器和声明分离。

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

1.绝对定位垂直居中
绝对定位垂直居中
2.有固定宽度和高度的块元素,设置top:0; bottom:0; left:0; right:0; margin:auto;
设置margin: auto
3.设置display:table-cell实现居中
image.png

4.给伪类添加vertical-align:middle垂直居中

image2.png

任务代码

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

推荐阅读更多精彩内容