前端题目练习:四块内容居于屏幕垂直居中,内容里面的图片水平对齐,上下文字高度自适应
前端题目练习:四块内容居于屏幕垂直居中,内容里面的图片水平对齐,上下文字高度自适应题目思路代码
题目
思路
4块内容相对于屏幕垂直居中:实践后发现可以利用内容块里的4张图片来居中实现整个内容块垂直居中
4张图片水平对齐:li列表,使用display:flex布局
上下内容高度自适应:基于图片框绝对定位,width设置图片宽度
代码
<!DOCTYPE html>
<html...
原创
2019-08-27 11:27:40 ·
458 阅读 ·
0 评论