其他分享
首页 > 其他分享> > 学习笔记

学习笔记

作者:互联网

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 属性不起作用。

 

标签:flex,span,元素,笔记,学习,div,tabindex,属性
来源: https://www.cnblogs.com/weijun45683968/p/15483980.html