![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 84
故里有长安丶丶
这个作者很懒,什么都没留下…
展开
-
【总结】:CSS常用的两栏布局方法(最全面)
文章目录一、CSS两栏布局(左列定宽,右列自适应宽)方法一:浮动+margin方法二:定位+margin方法三:浮动+BFC方法四:flex布局方法五:able布局二、CSS两栏布局(左列不定宽,右列自适应宽)一、CSS两栏布局(左列定宽,右列自适应宽)最终效果:方法一:浮动+marginHTML:<div class="container"> <div class="left">定宽</div> <div class="right">自适应原创 2022-03-23 15:58:08 · 4688 阅读 · 0 评论 -
前端面试:被问到BFC,要这样答才能满分
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、BFC1. 理解2. 作用3.示例二、使用步骤1.引入库2.读入数据总结一、BFC1. 理解官方解释:BFC(Block formatting context)直译为"块级格式化上下文",这是一个独自的渲染区域,规定了内部如何布局并且这个区域的子元素不会影响到外面的元素。说白了:BFC就像一个安全区,这个区域里的所有元素的布局方式(包括浮动、定位等)都不会影响到外面的其他元素的布局。2. 作用清除浮动处理外边距原创 2022-03-04 14:41:20 · 1856 阅读 · 0 评论 -
总结:CSS 垂直居中几个实用方法
文章目录方法一. line-height (只适用于文字类)方法二: flex布局方法三: 定位 + transform方法三: table-cell方法一. line-height (只适用于文字类)css:<style> div { width: 300px; height: 300px; border: 1px solid black; } span {原创 2022-03-03 19:53:56 · 461 阅读 · 2 评论