![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
bytes9
这个作者很懒,什么都没留下…
展开
-
grid布局时 justify-*、align-*, *-content *-items 的区别
align-content 只有子元素呈现多行时(flex-wrap:wrap),才能生效。align-items和align-content效果类似,子元素只有一行时,也有效果。justify 是沿主轴方向设置排列方式;align 指沿交叉轴方向设置排列方式。原创 2023-02-11 14:38:48 · 380 阅读 · 0 评论 -
css 中的浮动(float)与清除浮动(clear)
1.浮动的目的文档流中,块元素是单独占一行,为了使块元素能和另一块元素在同一行,就需要用float属性。float属性设置的元素会脱离文档流产生浮动,左浮动的元素会在左侧跟着一个浮动元素后面,如果前一元素没有浮动,则会另起一行。2.清除浮动的目的如果一个块元素A设置为浮动,且文档流则紧跟着的另一元素B也设置浮动,那么根据浮动的特点,我们将会看到两个元素会在同一行的布局效果(宽度允许的情况)。同样地如果紧跟后面的C,D元素如果也是浮动的,那么ABCD四个元素在宽度允许的条件下,会在同一行。如果原创 2020-07-20 11:32:38 · 492 阅读 · 0 评论