- 博客(2)
- 收藏
- 关注
RSS订阅原创 用css完成三角形的初步理解
对于刚入门的小白来说，只知道一个盒子是由边框+内边距+内容构成的。通过上面的可知三角形的高就是边框的宽，然而边框会相互影响，当我们调整一个边框的宽,也就是三角形的高,会影响到另外两条相邻边框的长度，如（将左边框的宽度调整至200px）在我的初步认识中，边框只是盒子边缘的一条会影响盒子宽度的线，然边框是有自己的形状的。中间的白色方块是内容区,此时再将内容区的宽高设为零,则会变成一个完全由边框组成的盒子。我们可以通过这个特性，去调整不同边框的宽度，再配合旋转和位移去拼凑成不一样的图形。
2023-11-24 15:04:37
328
1
原创 关于前端水平居中的方法
在这个例子中，我们将父级盒子的display 属性设置为 flex，并将 justify-content 的值调整为center,使弹性盒子在弹性容器内部水平居中。子元素绝对定位,父元素相对定位(子绝父相),子元素先位移父元素的一半,在通过transform: translateX(-50%)反方向位移自身的一半,这样来实现在父元素中水平居中的效果。实现水平居中同样可以使用弹性布局，可以使用 display: flex 和 justify-content 和 align-items 属性。
2023-11-23 20:42:51
332
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人