![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML、css、H5、c3
文章平均质量分 79
学习HTML、css
小耿i
萌新
展开
-
解决flex布局space-between最后一行不居左对齐问题
大家在使用flex布局,justify-content: space-between的时候经常会遇到一种情况就是当最后一行的盒子个数大于1的时候不能完美排列的问题,网上也有很多种解决方法。但都不是很满意,于是我就思考出了这种方式:就是在循环完数据之后,再添加n个高度为零,与排列项等宽的盒子,就能让justify-content: space-between继续生效,而由于添加的盒子没有高度,所以在页面中不会显示。希望能对大家有所帮助~原创 2024-03-20 20:27:25 · 702 阅读 · 4 评论 -
使用flex布局实现圣杯布局以及双飞翼布局
圣杯布局的出现是来自由 Matthew Levine 在 2006 年写的一篇文章 《In Search of the Holy Grail》。在西方,圣杯是表达“渴求之物”的意思。圣杯布局的出现是来自由 Matthew Levine 在 2006 年写的一篇文章 《In Search of the Holy Grail》,在国内最早是淘宝UED的工程师(玉伯大大)对圣杯布局改进并传播开来,在中国的叫法是双飞翼布局。圣杯布局和双飞翼布局达到的效果基本相同,都是侧边两栏宽度固定,中间栏宽度自适应。原创 2023-08-31 18:13:34 · 259 阅读 · 0 评论 -
Flex布局详解!
2009 年, W3C 提出了一种新的盒子模型 —— Flexible Box (伸缩盒模型,又称:弹性盒 子)。它可以轻松的控制:元素分布方式、元素对齐方式、元素视觉顺序 …截止目前,除了在部分 IE 浏览器不支持,其他浏览器均已全部支持。伸缩盒模型的出现,逐渐演变出了一套新的布局方案 —— flex 布局。传统布局是指:基于传统盒状模型,主要靠: display 属性 + position 属性 + float 属性。原创 2023-08-31 13:29:41 · 102 阅读 · 0 评论 -
HTML5知识总结
HTML5 是新一代的 HTML 标准,2014年10月由万维网联盟( W3C )完成标准制定。官网地址:W3C 提供: https://www.w3.org/TR/html/index.htmlWHATWG 提供:https://whatwg-cn.github.io/html/multipageHTML5 在狭义上是指新一代的 HTML 标准,在广义上是指:整个前端。原创 2023-07-19 19:15:14 · 56 阅读 · 0 评论 -
前端学习笔记一(持续更新中~)
HTML(超文本标记语言)是用于创建网页和应用程序的标准标记语言。它提供了网页内容的结构和格式,定义了元素的显示和组织方式。HTML文档由一系列用尖括号(< >)括起来的标签组成。标签用于定义文档中的不同元素及其属性。原创 2023-05-30 17:51:46 · 81 阅读 · 1 评论