![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css
记录html和css常见语法 和案例。
小白慢慢努力中
前后端全栈程序员,擅长.net 和vue项目
展开
-
Flex布局简介
1.是一种浏览器提倡的布局模型2.布局网页更简单 灵活3.避免浮动脱标的问题4.设置方式:父元素添加display:flex ,子元素可以自动的挤压或拉伸5.组成部分:弹性容器 弹性盒子 主轴 侧轴/交叉轴6.主轴对齐方式:justify-content7.侧轴对齐方式:align-items 调节元素在侧轴的对齐方式 align-self可以控制子集在侧轴的对齐方式...原创 2022-05-20 17:30:35 · 124 阅读 · 0 评论 -
div居中方法(共8种)
水平居中1.行级元素:为该行级元素的父元素设置text-align:center配合line-height样式<div style="width: 500px;height: 100px;line-height: 100px;border: 1px solid green;text-align:center;"> <span>行级元素</span></div>2.块级元素:为其自身设置margin:auto样式<div st转载 2022-04-25 11:47:24 · 113621 阅读 · 0 评论