- 博客(4)
- 收藏
- 关注
RSS订阅原创 css置换元素和属性的继承性
置换元素：简单理解就是inline-block元素，都有边框或宽高比。 置换元素是浏览器根据元素的标签和属性来决定元素显示的内容。比如img它是置换元素，浏览器会根据src这个属性的内容来显示，如果只看源码是看不到图片是什么内容的。input的type属性决定显示的是·输入框还是按钮什么的。textarea，selection都是置换元素，它们往往没什么内容，只是一个空标签。 置换元素在显示的过程种生成了边框，这也就是为什么有的行内元素可以设置边框。 可以继承的属性如下(暂时21个)： 所有元素都可以继承的
2020-08-18 08:47:43
195
原创 float使得父元素高度塌陷的问题
父元素高度塌陷是指，在父元素没有设置高度的情况下，子元素float了，子元素的高度没有办法像正常情况下，把父元素的高度支撑起来。 1.给父元素添加高度，不建议。太麻烦，要经常改父元素的高度 2.在最后一个浮动元素的后面添加一个空标签，给这个空标签单独写一个样式： clear：both； 3.万能清除浮动法:(可以理解成自动 ) 父元素:afer{ content: “”; clear: both; display: block; overflow: hidden; visibility: hidden; f
2020-08-15 21:02:05
157
原创 css对于溢出出现省略号
1.父元素设置宽度,超过该宽度溢出 2.以中文为例,文字超出会自动换行,所以要设置文字,强行在一行,white-space:nowrap; 3.父元素设置文字溢出隐藏:overflow:hidden; 4.父元素设置文字溢出效果:text-overflow:ellipsis;出现省略号 p{ width: 100px; white-space: nowrap; overflow: hidden; text-ove
2020-08-15 20:34:08
180
原创 css对元素进行垂直居中(基于基线的方式)
对元素进行垂直居中： 对要垂直居中的元素，用一个同级元素做垂直参考。 例如在div中对img垂直居中： img要 1.设为inline-block类型(本身就是这个类型可以跳过) 2.vertical-align:middle; 作为参考对齐基线的span: 1.宽度设为0,一般不想看到基线 2.元素类型设为- ...
2020-08-15 20:22:52
445
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人