学习笔记

2021/10/29 23:39:49

本文主要是介绍学习笔记,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1、justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式。

提示:使用 align-content 属性对齐交叉轴上的各项(垂直)。

2、span、div、li等获取焦点问题:对于普通的div/span/li等元素节点是不能直接获取焦点的,需要用到一个属性tabindex。

可以通过:“:focus+span”获取焦点

关于tabindex的科普:

如果试图触发div标签绑定的onfocus事件和onblur事件,需要为该标签添加tabindex属性。

3、flex:

让所有弹性盒模型对象的子元素都有相同的长度,且忽略它们内部的内容:

#main div { flex:1; }

flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。

flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。

注意:如果元素不是弹性盒模型对象的子元素,则 flex 属性不起作用。

 



这篇关于学习笔记的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程