css
Closure999
事在人为,随遇而安。
展开
-
块级元素和行内元素的水平和垂直居中问题
CSS 1. 块级元素和行内元素的水平和垂直居中问题 (1)块级元素水平居中 1)width:200px;margin:0 auto; 2)width:200px; position:flex; left:0;right:0;margin: auto; 3)弹性布局:{ 父元素:display:flex; 子元素:margin: 0 auto; } (2)块级元素垂直居中 1)...原创 2019-02-14 21:35:40 · 183 阅读 · 0 评论 -
css选择器及优先级
1 css选择器分类 id选择器, 类选择器, 元素选择器, 后代选择器, 组合选择器, 子选择器, 通配符选择器(所有元素) 2 css选择器优先级 !important >id选择器>类选择器>元素选择器>通配符选择器>继承>浏览器默认样式 ...原创 2019-04-04 08:04:04 · 132 阅读 · 0 评论 -
弹性(flex)布局
在传统的方式中,我们通常会设置盒模型的 display、position、float 等属性来进行布局,对于一些特殊布局运用起来不是很方便,比如垂直居中水平居中,如果运用了浮动特性的话,就需要清除浮动,不但比较麻烦,一不小心还会出现意料之外的布局,最后呈现的结果往往不尽人意。 0 position定位有几个值在这里说明一下,面试有问到: (1)absolute:绝对定位,相对于有设置定位的父元...原创 2019-04-16 21:02:13 · 185 阅读 · 0 评论 -
css浮动及清除浮动方法
1 浮动的情况 出现浮动:foat,position:absolute,都会脱离文档流。 浮动引起的问题:父元素高度塌陷 两者的区别: 1)float 文本环绕(文本会为盒子留出空间) 2)absolute 脱离文档流 2 fixed(清除浮动) 1)clear:both 2)伪元素清除 3)overflow ...原创 2019-04-28 21:58:01 · 138 阅读 · 0 评论 -
css 只显示几行,超出部分省略号
需求:要求只显示2行,超出部分显示省略号 实现: css实现 1 常用的属性,超出部分显示省略号 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 2 但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢? css3解决了这个问题,解决方法如...转载 2019-07-15 21:11:22 · 441 阅读 · 0 评论