![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 65
猿林新秀
文章的某些地方不一定简洁,甚至有错误,请发现问题的朋友及时指出,共同进步。我有更好的思路时,也会及时更新文章,谢谢大家!
展开
-
css清除浮动(clearfix)的3种方式
一、背景css中使用了float浮动元素,导致页面中某些元素不能正确的显示。二、浮动引起的后果(1)由于浮动元素脱离了文档流,所以父元素的高度无法被撑开,影响了与父元素同级的元素。(2)与浮动元素同级的非浮动元素会跟随其后,因为浮动元素脱离文档流不占据原来的位置。(3)如果该浮动元素不是第一个浮动元素,则该元素之前的元素也需要浮动,否则容易影响页面的结构显示。三、css清除浮动3种方式1.父元素使用overflow属性(1)用法overflow:hidden;或者overflow:a原创 2021-11-16 21:23:28 · 2986 阅读 · 0 评论 -
CSS盒模型
CSS 盒子模型(Box Model)盒子模型所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model):Margin(外边距) - 清除边框外的区域,外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容原创 2021-10-26 15:12:06 · 83 阅读 · 0 评论 -
文本两端对齐,最后一行左对齐
一、语句text-align:justify; // 所有行两端对齐text-align-last: left; //最后一行左对齐二、扩展属性:text-align 属性规定元素中的文本的水平对齐方式。语法:text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;1.auto:把文本排列到左边。默认值:由浏览器决定。2.right:把文本排列到右边。3.center:把文本排原创 2020-11-17 14:11:57 · 4144 阅读 · 0 评论 -
HTML的table如何合并边框线
table { text-align: center; border: 1px solid white; border-collapse: collapse;原创 2020-08-13 09:53:32 · 1094 阅读 · 0 评论