wang_59881的博客

文字背景会随鼠标上下移动变成红色或透明。

【代码】js计算某个时间距离当前时间多少天，少于7天红色展示。

不写 border-inline-start，是这样的效果。

一开始，我是让div包裹多个p标签，并让div“flex”布局，且单行溢出隐藏，可是发现当父元素或当前元素有flex时，text-overflow: ellipsis;由于我现在写的功能，p标签是v-html解析出来的，无法得知具体有多少个p标签，因此都不适用。大多数解决办法都是，不要flex，或者给div下的每个p标签单独设置样式。我想实现的功能是多个p标签一行展示，溢出div宽度时，隐藏余下内容…

方法一：使用background属性。方法二：使用img标签。方法三：行内标签 子页面接收父页面背景图。

p元素使用伪元素实现小圆点，默认换行第二行会与小圆点平行，图2是想要的样式。

【代码】纯css三个点加载动画。

使用flex垂直居中对齐，div内的三个盒子长度未知，由内容撑开，超出父盒子宽度后滚动条显示，最左侧盒子内容会显示不全。用inline-flex替代flex，在flex父级再添加一个div盒子，设置最小宽度。正常box1盒子应该是红色宽度，用了flex的缘故，只显示了黄色部分，超出部分隐藏了。宽度不超过父盒子宽度时也是居中展示，超过后也能正常显示最初左侧数据。inline-flex：将对象作为内联块级弹性伸缩盒显示。flex： 将对象作为弹性伸缩盒显示。