Skip to content

计算多个标签的位置 / 标签根据文字自适应宽度 / 每行超过的宽度平均分配给每个标签 / 每行标签左右对齐

Notifications You must be signed in to change notification settings

CN-kicoyu/TagsAlign

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

TagsAlign

打造一款可以实现宽度自适应,但是两端能对齐的tab标签集合:poultry_leg:

函数功能

  • [√] 计算多个标签的位置
  • [√] 标签根据文字自适应宽度
  • [√] 每行超过的宽度平均分配给每个标签
  • [√] 每行标签左右对齐
  • [√] 每行个数自适应或者固定

使用方法

直接调用函数tagsAlign(),支持三个参数:

  • [ element ] ul对应的id,必传
  • [ cols ] 每行最多展示的个数, 选传,不传为自适应
  • [ space ] 每两个li之间的间距, 选传,不传时默认为10px

效果展示

每行个数自适应,例如tagsAlign('fromList') 截图展示

固定每行最多展示个数,例如tagsAlign('studyList', 4); tagsAlign('caseList', 3) 截图展示

温馨提示

如果是用前端MV*框架,请在DOM元素已经渲染之后执行该函数。 函数源码已放出,需要的话可以根据自身需求定制

About

计算多个标签的位置 / 标签根据文字自适应宽度 / 每行超过的宽度平均分配给每个标签 / 每行标签左右对齐

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published