父元素设置了min-width:fit-content后,其宽度由子元素的宽度来决定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=" ...
分类:
其他好文 时间:
2021-04-23 12:26:39
阅读次数:
0
使用 flex 布局竖直排列时,竖直换行后子元素未撑开父元素的问题解决 现有 html 结构如下: <div class="wrap"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> ...
分类:
其他好文 时间:
2021-04-22 16:19:56
阅读次数:
0
父元素:box1,子元素:box2; 持续补充中。。。。。 一、子div定宽高 1. flex布局 .box1{ width: 300px; height: 300px; border: 1px solid red; display: flex; align-items: center; } .bo ...
分类:
其他好文 时间:
2021-04-01 13:41:10
阅读次数:
0
唉,平时下的功夫太少了,一到用起来才知道自己原来是个渣渣。这不,今天就让个无限极分类给卡住了大半天。 百度了一堆,但不是看不懂就是不符合当下的业务。只能边百度边自己写了。 网上查到的最多的解决办法是生成一个树形结构,将子元素挂在父元素的child字段下面,看起来结构清晰,但奈何自己是个渣渣,得到这个 ...
分类:
Web程序 时间:
2021-04-01 13:21:21
阅读次数:
0
#前端学习——基础篇 ##四、CSS学习 4.7、css三大特性 一、继承性 子元素继承父元素的样式 不是所有的属性都能被继承(width、height、background、padding、border、margin、text-decoration) 可以继承的属性(部分): 字体系列属性 fon ...
分类:
Web程序 时间:
2021-03-16 13:20:18
阅读次数:
0
CSS3新增选择器 :first-child 表示第一个子元素是... :last-child :nth-child(numberloddleven/倍数) :first-of-type 表示第一个子元素 :last-of-type :nth-of-type (numberloddleven/倍数) ...
分类:
Web程序 时间:
2021-03-09 13:18:32
阅读次数:
0
nth-child()为div选择器,无法对其他标签类型起效, 当需要选择<span>时使用nth-of-type() 在父容器div下的各子元素,如果是混合类型的情况下,要指定其中某一类元素的第几个,那就要用nth-of-type(n) 要指定第1个span就要用span:nth-of-type( ...
分类:
其他好文 时间:
2021-03-04 13:31:28
阅读次数:
0
浮动,就是使元素脱离标准流,移动到其父元素指定的位置的过程,包括float: left float: right; 浮动常见的问题: 1.浮动的子元素无法超出父元素的范围; <head> <style type="text/css"> #father { width: 200px; height: ...
分类:
Web程序 时间:
2021-02-27 13:17:54
阅读次数:
0
1.DOM查询 - 通过具体的元素节点来查询 - 元素.getElementsByTagName() - 通过标签名查询当前元素的指定后代元素 - 元素.childNodes - 获取当前元素的所有子节点 - 会获取到空白的文本子节点 - 元素.children - 获取当前元素的所有子元素 - 元 ...
分类:
其他好文 时间:
2021-02-22 12:35:51
阅读次数:
0
父元素 子元素 祖先元素 后代元素 兄弟元素 让div的子元素变色: div > span{ color: salmon; } 后代元素选择器:范围会更大 div span{ color: seagreen; } 兄弟元素选择器(下一个兄弟元素): p+span{ color: seagreen; ...
分类:
其他好文 时间:
2021-02-17 14:02:44
阅读次数:
0