![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html、css
大奔的大葱
程序猿???
展开
-
3.文字超出隐藏显示...
文字超出隐藏显示… 1、单行文字 overflow: hidden; /*需设置高或宽,超出隐藏*/ text-overflow: ellipsis; /*隐藏部分通过...显示*/ white-space: nowrap; /*文字不换行*/ 2、多行文字 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /*文字显示行原创 2020-11-16 11:43:59 · 172 阅读 · 0 评论 -
一个计算高度的小问题(bfc、margin-top BUG)
感觉挺简单的两道题,实际上考察了许多小知识点 第二题:0 containner下两个item都是浮动元素,而浮动元素是脱离文档流的,会造成父元素高度塌陷,也就是不会撑开父元素的高度,所以container高度为0; 第一题:30px 首先,container设置border:1px;边框只设置粗细是无效的,必须指定边框的样式,才会出现边框,例:border:solid; 其次,container是一个BFC,它里面两个相邻item的上下margin会发生重叠,所以两个item中间只有10px的像素 第一.原创 2020-06-30 20:29:35 · 367 阅读 · 0 评论 -
居中方式
居中方式 1、行元素居中 /*需在父级设置样式*/ .parent{ text-align: center; height: 100px; line-height: 100px; } 2、通过absolute绝对定位居中 /*需在子辈设置样式,并且设置了元素尺寸*/ .child{ width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margi原创 2020-06-26 17:41:26 · 162 阅读 · 0 评论 -
行元素、块元素、行内块元素
行元素、块元素、行内块元素 一、行内元素(内联元素) inline element 行内元素特性 可以与其它行内元素同处一行,与块元素不行 设置width,height无效 设置行高line-height有效,并且会占用高度位置(相当于该行内元素有了height值,对下面元素的位置有影响,但该行内标签实际height值并没有改变) 设置margin只有左右有效,上下无效 设置padding上下左右都有效,但只有设置左右时元素内文本位置才会发生改变,而设置上下时文本位置不变。 常见的行内元素 a、span原创 2020-06-26 01:55:53 · 1713 阅读 · 1 评论