HTML+CSS
HTML+CSS知识点梳理与总结
Macro_30
旅行诗人
展开
-
css实现多行换行,并自动在后面加省略号
css有换行的标签,但是只能实现单行换行,使用起来很不方便。以下代码可以实现多行换行,并且后面自动加省略号,但是在使用之前需要给它一个固定的宽度,把下面的代码直接复制过去就可以了。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> .text{原创 2021-01-25 17:17:22 · 2271 阅读 · 0 评论 -
有效解决由浮动引起的高度塌陷问题
1.高度塌陷产生条件: 元素浮动会造成其他元素位置的变化。除此之外,浮动还有另外一种情况,当子元素全部浮动,如果父元素没有指定高度,则父元素高度将塌陷为0。2.解决高度塌陷三种方式在父元素中添加一个新元素,并为新元素设置clear:both <style> .clear{clear:both;height:0} </style> <div class="b原创 2021-01-25 15:39:21 · 224 阅读 · 0 评论 -
实现CSS隐藏滚动条并可以滚动内容
1.通过定位把滚动条隐藏了起来div1设置绝对对位,向右移动了17个像素,刚好等于滚动条的宽度,再利用div2把溢出的17像素隐藏起来。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title原创 2021-01-25 00:53:34 · 186 阅读 · 0 评论 -
标准盒模型与IE盒模型的区别
标准盒模型与IE盒模型的区别1.标准盒模型标准盒模型在这里插入图片描述也称W3C盒模型,现在大部分浏览器都采用标准盒模型,在标准模式下,一个元素所占的总宽度=width(content)+padding(左右)+margin(左右),元素的高度同理也是一样的。如图所示:2.IE盒模型标准盒模型也称怪异盒模型,IE6之前的浏览器默认采用怪异盒模型,在怪异模式下,一个元素所占的总宽度=width+margin(左右),(即width包含了border+padding+content)元素的高度原创 2021-01-21 20:35:30 · 3309 阅读 · 0 评论