![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
如鲸 向海
这个作者很懒,什么都没留下…
展开
-
块级|行内元素|两元素垂直对齐|超出省略
块级元素|行内元素|两元素垂直对齐块级元素可以通过设置两个都为float:left实现显示在同一行;两个元素的话,可以设置宽度各为50%实现垂直对齐;多个元素垂直对齐,通过设置每部分不同宽度实现垂直对齐;inline-block:既具有行内元素的特性(可以显示在一行),也具有块级元素特性(可以设置宽高);inline行内元素不能设置宽高,按照元素的宽度一行排列;white-space:段落中文本不进行换行;超出三行省略单行文本一处显示省略号:.textOVerFlow {overflow原创 2020-09-01 18:25:55 · 372 阅读 · 0 评论 -
点击列表背景变色-active伪类
类似微信列表点击变灰问题:uni-app项目,实现点击列表进入详情时,点击该列表背景颜色变灰,类似微信点击好友列表进入聊天界面列表颜色变灰。解决该问题时我一开始加了一个点击事件,事件绑定一个css样式用于改变背景颜色,如下:<body> <div id="app"> <div @click="btnClick(index)" :class="{active:index==isActive}" v-for="(item,index) in arr"}原创 2020-09-01 09:05:32 · 1064 阅读 · 0 评论