grid网格布局,如何控制子元素的自动流动方式(排列方向)?发布于2023年06月23日 HTML 本文中,苏南大叔将针对这种新的grid网格布局进行解读。本文着力解决的问题是子元素的流动方式的问题,具体来说,就是控制子元素的排列方向问题,用到的css属性是:grid-auto-flow。大家好,这里是很久没有更... 阅读更多
如何理解grid网格布局?与flex弹性盒子布局有何区别?发布于2023年06月22日 HTML 本文描述一个新的css的grid布局方式,这个grid布局并不是css+div意义上自实现的grid网格布局,而是css原生上就支持的display:grid布局。然而,值得一提的是:ie系列并不支持本文中所描述的... 阅读更多
vscode,如何替换清理代码中的多个连续的回车换行?发布于2023年04月25日 HTML 本文是关于vscode的使用问题,解决的需求是代码的整理美化中的解决多个回车换行的问题。当然,本文中所叙述的方案也许并非最佳方案,因为使用了令人糊涂的正则表达式。苏南大叔还是推荐读者使用vscode自带的Forma... 阅读更多
css属性ellipsis,如何设置文本超出显示三个点?发布于2023年04月24日 HTML 最常见最单一的需求就是:文本超出范围就显示三个点,这个需求在传统类型网页展示里面非常常见。当然,以前的时候是在服务器端做字符串截取来实现这个需求的,但是现在使用css来实现这个需求。苏南大叔在本篇文章里面,就主要以... 阅读更多
如何检测浏览器的css是否支持某些特性?css的supports用法发布于2023年04月02日 HTML CSS中的 @supports 用于检测浏览器是否支持 CSS 的某个属性。其实就是条件判断,如果支持某个属性可以写一套样式,如果不支持某个属性,可以提供另外一套样式作为替补。可以放在代码的顶层,也可以嵌套在任何其... 阅读更多