tag
Css 分类
2024-04-29
记录一下常用比较好用的css
前端
首先，在工作中秉着能用 css 完成的就不用切图的原则，一些略微特殊的样式还是尽量使用 css 展示以提高页面展示效率，以下是一些常用的属性： 边框渐变（结合边框渐变可以完成比较常见的渐变分割条等效果 12345678/* 边框渐变 *//
2022-12-29
flex布局space-between最后一行展示问题
前端

在使用 flex 进行布局时涉及多个元素遍历渲染， 要使用 space-between 时会发现： 最后一行元素数不满一行个数时会平均分布开， 而不会从左到右排列， 不符合一般样式要求

可以使用下面的办法解决

2022-04-28
原生HTML-table表格，超出内容鼠标悬浮展示
前端
最近项目上遇到一个需求是地图上的 popup 弹窗里需要做个分页表格，所以这里只能用原生 html js 来实现，又因为 popup 宽度非常有限，所以过长的 cell 需要用…隐藏，鼠标悬浮展示完整内容，纯 html + css 即可实现
1
2
3
4
5
6
7
8
9
10
<table class='moreTable'>
  <tr>
    <td class='tableCell' title='内容内容内容内容内容内容内容内容'>内容内容内容内容内容内容内容内容</td>
    <td class='tableCell' titel='内容内容内容内容内容内容内容内容内容内容内容'>内容内容内容内容内容内容内容内容内容内容内容</td>
  </tr>
  <tr>
    <td class='tableCell' title='内容内容内容内容内容内容'>内容内容内容内容内容内容</td>
    <td class='tableCell' title='内容内容内容内容内容内容内容内容'>内容内容内容内容内容内容内容内容</td>
  </tr>
</table>

Copyright © 2023 - 2025 NingLx