Skip to content

Commit

Permalink
通过webDavSyncGit同步
Browse files Browse the repository at this point in the history
  • Loading branch information
snake34475 committed Jul 31, 2024
1 parent 485c7fb commit d81cfaa
Show file tree
Hide file tree
Showing 2 changed files with 64 additions and 1 deletion.
58 changes: 57 additions & 1 deletion pages/css.md
Original file line number Diff line number Diff line change
Expand Up @@ -42,4 +42,60 @@
```
- 企业微信margin高度bug
- 企业微信设计margin的时候,可能会有重复margin的情况,解决方法是给父级添加overflow,其他浏览器目前没有发现这个问题
-
- 省略号
- 单行文本省略号
- ```css
text-wrap: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width:100px;
```
- 多行文本省略号
- 一行展示几个元素,非切割省略号
- ```html
<div class="tags">
<div class="tag">标签1</div>
<div class="tag">标签2</div>
<div class="tag">标签3</div>
<div class="tag">标签4</div>
</div>
```
- ```css
/*使用弹性盒子*/
/*使用弹性盒子的换行,限制高度可以只展示第一行的元素从而实现只展示一行*/
.tags {
display: flex;
flex-wrap: wrap;
height: 24px;
overflow: hidden;
}
```
- 弹性盒子嵌套bug
- ```html
<div class="flexParents">
<div class="flexSon">
<span class="desc">超长文本超长文本超长文本超长文本超长文本超长文本超长文本
超长文本超长文本超长文本超长文本超长文本超长文本
</span>
</div>
</div>
```
- ```css
/*错误案例*/
.desc {
text-wrap: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/*正确案例*/
/*原因是弹性盒子父级没有设定宽度的话,默认会为子元素的宽度,必须给父级设置宽度或者设置溢出*/
.flexParents {
overflow:hidden;
}
.desc {
text-wrap: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
```
7 changes: 7 additions & 0 deletions pages/项目需求.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
- [优信工时拆分excel](https://docs.qq.com/sheet/DUmlXenhaeWFCY01E?tab=wdx264&_t=1654844998033)
- [个人项目细分](https://docs.qq.com/sheet/DRHdKRHRuYkN0TU1Q?tab=BB08J2)
- [个人项目管理](https://docs.qq.com/sheet/DRFJkZXNrWUlsTHlm?tab=BB08J2)
-
- [bug追踪](http://tlc.xin.com/browse/NCJRZT-3552?filter=-1)
- [后端文档1](http://apidev.xin.com/index)
- [后端文档2](http://apidev.xin.com/index)

0 comments on commit d81cfaa

Please sign in to comment.